 /* -----------------------------------------------------------------

The Whole CSS written by Elecom.
(C) Elecom Inc.
Annoucement here,Copyright
Shenzhen.Eleccom Technology.使用原代码请联系作者QQ: 2300184378 / 2017-04-09 20:00:06

---------------------------------------------------------------------------------------*/

.footer { margin-top: 0}
.footer_wrap { margin-top: 0; border-top: 0}
.footer-icon-list { top: 58px}

@media print{*{text-shadow:none!important;color:#000!important;background:0 0!important;box-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
select{background:#fff!important}
.navbar{display:none}
.table td,.table th{background-color:#fff!important}
.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}
.label{border:1px solid #000}
.table{border-collapse:collapse!important}
.table-bordered td,.table-bordered th{border:1px solid #ddd!important}
}

html{font-size:62.5%;-webkit-tap-highlight-color:transparent}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#428bca;text-decoration:none}
a:focus,a:hover{color:#2a6496;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure{margin:0}
img{vertical-align:middle}
.img-responsive{display:block;max-width:100%;height:auto}
.img-rounded{border-radius:6px}
.img-thumbnail{padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}
.img-circle{border-radius:50%}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
fieldset{padding:0;margin:0;border:0;min-width:0}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
input[type=search]{box-sizing:border-box}
input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}
input[type=file]{display:block}
input[type=range]{display:block;width:100%}
select[multiple],select[size]{height:auto}
input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
output{display:block;padding-top:7px;font-size:14px;line-height:1.428571429;color:#555}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}
textarea.form-control{height:auto}
input[type=search]{-webkit-appearance:none}
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px;line-height:1.428571429\9}
.input-group-sm>.input-group-btn>input[type=date].btn,.input-group-sm>.input-group-btn>input[type=time].btn,.input-group-sm>.input-group-btn>input[type=datetime-local].btn,.input-group-sm>.input-group-btn>input[type=month].btn,.input-group-sm>input[type=date].form-control,.input-group-sm>input[type=date].input-group-addon,.input-group-sm>input[type=time].form-control,.input-group-sm>input[type=time].input-group-addon,.input-group-sm>input[type=datetime-local].form-control,.input-group-sm>input[type=datetime-local].input-group-addon,.input-group-sm>input[type=month].form-control,.input-group-sm>input[type=month].input-group-addon,input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}
.input-group-lg>.input-group-btn>input[type=date].btn,.input-group-lg>.input-group-btn>input[type=time].btn,.input-group-lg>.input-group-btn>input[type=datetime-local].btn,.input-group-lg>.input-group-btn>input[type=month].btn,.input-group-lg>input[type=date].form-control,.input-group-lg>input[type=date].input-group-addon,.input-group-lg>input[type=time].form-control,.input-group-lg>input[type=time].input-group-addon,.input-group-lg>input[type=datetime-local].form-control,.input-group-lg>input[type=datetime-local].input-group-addon,.input-group-lg>input[type=month].form-control,.input-group-lg>input[type=month].input-group-addon,input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}
.form-group{margin-bottom:15px}
.checkbox,.radio{display:block;min-height:20px;margin-top:10px;margin-bottom:10px}
.checkbox label,.radio label{padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{float:left;margin-left:-20px}
.checkbox+.checkbox,.radio+.radio{margin-top:-5px}
.checkbox-inline,.radio-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}
.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}
.checkbox-inline[disabled],.checkbox[disabled],.radio-inline[disabled],.radio[disabled],fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox][disabled],input[type=radio][disabled]{cursor:not-allowed}
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn,.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.input-group-sm>.input-group-btn>select.btn,.input-group-sm>select.form-control,.input-group-sm>select.input-group-addon,select.input-sm{height:30px;line-height:30px}
.input-group-sm>.input-group-btn>select[multiple].btn,.input-group-sm>.input-group-btn>textarea.btn,.input-group-sm>select[multiple].form-control,.input-group-sm>select[multiple].input-group-addon,.input-group-sm>textarea.form-control,.input-group-sm>textarea.input-group-addon,select[multiple].input-sm,textarea.input-sm{height:auto}
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn,.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
.input-group-lg>.input-group-btn>select.btn,.input-group-lg>select.form-control,.input-group-lg>select.input-group-addon,select.input-lg{height:46px;line-height:46px}
.input-group-lg>.input-group-btn>select[multiple].btn,.input-group-lg>.input-group-btn>textarea.btn,.input-group-lg>select[multiple].form-control,.input-group-lg>select[multiple].input-group-addon,.input-group-lg>textarea.form-control,.input-group-lg>textarea.input-group-addon,select[multiple].input-lg,textarea.input-lg{height:auto}
.has-feedback{position:relative}
.has-feedback .form-control{padding-right:42.5px}
.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}
.input-group-lg>.form-control+.form-control-feedback,.input-group-lg>.input-group-addon+.form-control-feedback,.input-group-lg>.input-group-btn>.btn+.form-control-feedback,.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}
.input-group-sm>.form-control+.form-control-feedback,.input-group-sm>.input-group-addon+.form-control-feedback,.input-group-sm>.input-group-btn>.btn+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}
.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline{color:#3c763d}
.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}
.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}
.has-success .form-control-feedback{color:#3c763d}
.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline{color:#8a6d3b}
.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}
.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}
.has-warning .form-control-feedback{color:#8a6d3b}
.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline{color:#a94442}
.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}
.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}
.has-error .form-control-feedback{color:#a94442}
.form-control-static{margin-bottom:0}
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}
@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-inline .input-group{display:inline-table;vertical-align:middle}
.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}
.form-inline .input-group>.form-control{width:100%}
.form-inline .control-label{margin-bottom:0;vertical-align:middle}
.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}
.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{float:none;margin-left:0}
.form-inline .has-feedback .form-control-feedback{top:0}
}
.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}
.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}
.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}
.form-horizontal .form-group:after,.form-horizontal .form-group:before{content:" ";display:table}
.form-horizontal .form-group:after{clear:both}
.form-horizontal .form-control-static{padding-top:7px;padding-bottom:7px}
@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}
}
.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}
.container{margin-right:auto;margin-left:auto;padding-left: 0;padding-right: 0}
.container:after,.container:before{content:" ";display:table}
.container:after{clear:both}
@media (min-width:768px){.container{width:750px}
}
@media (min-width:992px){.container{width:970px}
}
@media (min-width:1120px){.container{width:1120px}
}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.container-fluid:after,.container-fluid:before{content:" ";display:table}
.container-fluid:after{clear:both}
.row{margin-left:-15px;margin-right:-15px}
.row:after,.row:before{content:" ";display:table}
.row:after{clear:both}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-1{width:8.3333333333%}
.col-xs-2{width:16.6666666667%}
.col-xs-3{width:25%}
.col-xs-4{width:33.3333333333%}
.col-xs-5{width:41.6666666667%}
.col-xs-6{width:50%}
.col-xs-7{width:58.3333333333%}
.col-xs-8{width:66.6666666667%}
.col-xs-9{width:75%}
.col-xs-10{width:83.3333333333%}
.col-xs-11{width:91.6666666667%}
.col-xs-12{width:100%}
.col-xs-pull-0{right:auto}
.col-xs-pull-1{right:8.3333333333%}
.col-xs-pull-2{right:16.6666666667%}
.col-xs-pull-3{right:25%}
.col-xs-pull-4{right:33.3333333333%}
.col-xs-pull-5{right:41.6666666667%}
.col-xs-pull-6{right:50%}
.col-xs-pull-7{right:58.3333333333%}
.col-xs-pull-8{right:66.6666666667%}
.col-xs-pull-9{right:75%}
.col-xs-pull-10{right:83.3333333333%}
.col-xs-pull-11{right:91.6666666667%}
.col-xs-pull-12{right:100%}
.col-xs-push-0{left:auto}
.col-xs-push-1{left:8.3333333333%}
.col-xs-push-2{left:16.6666666667%}
.col-xs-push-3{left:25%}
.col-xs-push-4{left:33.3333333333%}
.col-xs-push-5{left:41.6666666667%}
.col-xs-push-6{left:50%}
.col-xs-push-7{left:58.3333333333%}
.col-xs-push-8{left:66.6666666667%}
.col-xs-push-9{left:75%}
.col-xs-push-10{left:83.3333333333%}
.col-xs-push-11{left:91.6666666667%}
.col-xs-push-12{left:100%}
.col-xs-offset-0{margin-left:0}
.col-xs-offset-1{margin-left:8.3333333333%}
.col-xs-offset-2{margin-left:16.6666666667%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-4{margin-left:33.3333333333%}
.col-xs-offset-5{margin-left:41.6666666667%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-7{margin-left:58.3333333333%}
.col-xs-offset-8{margin-left:66.6666666667%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-10{margin-left:83.3333333333%}
.col-xs-offset-11{margin-left:91.6666666667%}
.col-xs-offset-12{margin-left:100%}
@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-1{width:8.3333333333%}
.col-sm-2{width:16.6666666667%}
.col-sm-3{width:25%}
.col-sm-4{width:33.3333333333%}
.col-sm-5{width:41.6666666667%}
.col-sm-6{width:50%}
.col-sm-7{width:58.3333333333%}
.col-sm-8{width:66.6666666667%}
.col-sm-9{width:75%}
.col-sm-10{width:83.3333333333%}
.col-sm-11{width:91.6666666667%}
.col-sm-12{width:100%}
.col-sm-pull-0{right:auto}
.col-sm-pull-1{right:8.3333333333%}
.col-sm-pull-2{right:16.6666666667%}
.col-sm-pull-3{right:25%}
.col-sm-pull-4{right:33.3333333333%}
.col-sm-pull-5{right:41.6666666667%}
.col-sm-pull-6{right:50%}
.col-sm-pull-7{right:58.3333333333%}
.col-sm-pull-8{right:66.6666666667%}
.col-sm-pull-9{right:75%}
.col-sm-pull-10{right:83.3333333333%}
.col-sm-pull-11{right:91.6666666667%}
.col-sm-pull-12{right:100%}
.col-sm-push-0{left:auto}
.col-sm-push-1{left:8.3333333333%}
.col-sm-push-2{left:16.6666666667%}
.col-sm-push-3{left:25%}
.col-sm-push-4{left:33.3333333333%}
.col-sm-push-5{left:41.6666666667%}
.col-sm-push-6{left:50%}
.col-sm-push-7{left:58.3333333333%}
.col-sm-push-8{left:66.6666666667%}
.col-sm-push-9{left:75%}
.col-sm-push-10{left:83.3333333333%}
.col-sm-push-11{left:91.6666666667%}
.col-sm-push-12{left:100%}
.col-sm-offset-0{margin-left:0}
.col-sm-offset-1{margin-left:8.3333333333%}
.col-sm-offset-2{margin-left:16.6666666667%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-4{margin-left:33.3333333333%}
.col-sm-offset-5{margin-left:41.6666666667%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-7{margin-left:58.3333333333%}
.col-sm-offset-8{margin-left:66.6666666667%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-10{margin-left:83.3333333333%}
.col-sm-offset-11{margin-left:91.6666666667%}
.col-sm-offset-12{margin-left:100%}
}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-1{width:8.3333333333%}
.col-md-2{width:16.6666666667%}
.col-md-3{width:25%}
.col-md-4{width:33.3333333333%}
.col-md-5{width:41.6666666667%}
.col-md-6{width:50%}
.col-md-7{width:58.3333333333%}
.col-md-8{width:66.6666666667%}
.col-md-9{width:75%}
.col-md-10{width:83.3333333333%}
.col-md-11{width:91.6666666667%}
.col-md-12{width:100%}
.col-md-pull-0{right:auto}
.col-md-pull-1{right:8.3333333333%}
.col-md-pull-2{right:16.6666666667%}
.col-md-pull-3{right:25%}
.col-md-pull-4{right:33.3333333333%}
.col-md-pull-5{right:41.6666666667%}
.col-md-pull-6{right:50%}
.col-md-pull-7{right:58.3333333333%}
.col-md-pull-8{right:66.6666666667%}
.col-md-pull-9{right:75%}
.col-md-pull-10{right:83.3333333333%}
.col-md-pull-11{right:91.6666666667%}
.col-md-pull-12{right:100%}
.col-md-push-0{left:auto}
.col-md-push-1{left:8.3333333333%}
.col-md-push-2{left:16.6666666667%}
.col-md-push-3{left:25%}
.col-md-push-4{left:33.3333333333%}
.col-md-push-5{left:41.6666666667%}
.col-md-push-6{left:50%}
.col-md-push-7{left:58.3333333333%}
.col-md-push-8{left:66.6666666667%}
.col-md-push-9{left:75%}
.col-md-push-10{left:83.3333333333%}
.col-md-push-11{left:91.6666666667%}
.col-md-push-12{left:100%}
.col-md-offset-0{margin-left:0}
.col-md-offset-1{margin-left:8.3333333333%}
.col-md-offset-2{margin-left:16.6666666667%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-4{margin-left:33.3333333333%}
.col-md-offset-5{margin-left:41.6666666667%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-7{margin-left:58.3333333333%}
.col-md-offset-8{margin-left:66.6666666667%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-10{margin-left:83.3333333333%}
.col-md-offset-11{margin-left:91.6666666667%}
.col-md-offset-12{margin-left:100%}
}
@media (min-width:1120px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.col-lg-1{width:8.3333333333%}
.col-lg-2{width:16.6666666667%}
.col-lg-3{width:25%}
.col-lg-4{width:33.3333333333%}
.col-lg-5{width:41.6666666667%}
.col-lg-6{width:50%}
.col-lg-7{width:58.3333333333%}
.col-lg-8{width:66.6666666667%}
.col-lg-9{width:75%}
.col-lg-10{width:83.3333333333%}
.col-lg-11{width:91.6666666667%}
.col-lg-12{width:100%}
.col-lg-pull-0{right:auto}
.col-lg-pull-1{right:8.3333333333%}
.col-lg-pull-2{right:16.6666666667%}
.col-lg-pull-3{right:25%}
.col-lg-pull-4{right:33.3333333333%}
.col-lg-pull-5{right:41.6666666667%}
.col-lg-pull-6{right:50%}
.col-lg-pull-7{right:58.3333333333%}
.col-lg-pull-8{right:66.6666666667%}
.col-lg-pull-9{right:75%}
.col-lg-pull-10{right:83.3333333333%}
.col-lg-pull-11{right:91.6666666667%}
.col-lg-pull-12{right:100%}
.col-lg-push-0{left:auto}
.col-lg-push-1{left:8.3333333333%}
.col-lg-push-2{left:16.6666666667%}
.col-lg-push-3{left:25%}
.col-lg-push-4{left:33.3333333333%}
.col-lg-push-5{left:41.6666666667%}
.col-lg-push-6{left:50%}
.col-lg-push-7{left:58.3333333333%}
.col-lg-push-8{left:66.6666666667%}
.col-lg-push-9{left:75%}
.col-lg-push-10{left:83.3333333333%}
.col-lg-push-11{left:91.6666666667%}
.col-lg-push-12{left:100%}
.col-lg-offset-0{margin-left:0}
.col-lg-offset-1{margin-left:8.3333333333%}
.col-lg-offset-2{margin-left:16.6666666667%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-4{margin-left:33.3333333333%}
.col-lg-offset-5{margin-left:41.6666666667%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-7{margin-left:58.3333333333%}
.col-lg-offset-8{margin-left:66.6666666667%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-10{margin-left:83.3333333333%}
.col-lg-offset-11{margin-left:91.6666666667%}
.col-lg-offset-12{margin-left:100%}
}
.input-group{position:relative;display:table;border-collapse:separate}
.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}
.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}
.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}
.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}
.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}
.input-group-addon.input-sm,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.input-group-addon.btn{padding:5px 10px;font-size:12px;border-radius:3px}
.input-group-addon.input-lg,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.input-group-addon.btn{padding:10px 16px;font-size:18px;border-radius:6px}
.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
.input-group-addon:first-child{border-right:0}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}
.input-group-addon:last-child{border-left:0}
.input-group-btn{position:relative;font-size:0;white-space:nowrap}
.input-group-btn>.btn{position:relative}
.input-group-btn>.btn+.btn{margin-left:-1px}
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}
.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}
.tooltip.in{opacity:.9;filter:alpha(opacity=90)}
.tooltip.top{margin-top:-3px;padding:5px 0}
.tooltip.right{margin-left:3px;padding:0 5px}
.tooltip.bottom{margin-top:3px;padding:5px 0}
.tooltip.left{margin-left:-3px;padding:0 5px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}
.modal-open{overflow:hidden}
.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index: -1;background-color:#000}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.43px}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.428571429}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer:after,.modal-footer:before{content:" ";display:table}
.modal-footer:after{clear:both}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}
.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5)}
.modal-sm{width:300px}
}
@media (min-width:992px){.modal-lg{width:900px}
}
@-ms-viewport{width:device-width}
.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}
@media (max-width:767px){.visible-xs{display:block!important}
table.visible-xs{display:table}
tr.visible-xs{display:table-row!important}
td.visible-xs,th.visible-xs{display:table-cell!important}
}
@media (max-width:767px){.visible-xs-block{display:block!important}
}
@media (max-width:767px){.visible-xs-inline{display:inline!important}
}
@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}
table.visible-sm{display:table}
tr.visible-sm{display:table-row!important}
td.visible-sm,th.visible-sm{display:table-cell!important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}
}
@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}
table.visible-md{display:table}
tr.visible-md{display:table-row!important}
td.visible-md,th.visible-md{display:table-cell!important}
}
@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}
}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}
}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}
}
@media (min-width:1120px){.visible-lg{display:block!important}
table.visible-lg{display:table}
tr.visible-lg{display:table-row!important}
td.visible-lg,th.visible-lg{display:table-cell!important}
}
@media (min-width:1120px){.visible-lg-block{display:block!important}
}
@media (min-width:1120px){.visible-lg-inline{display:inline!important}
}
@media (min-width:1120px){.visible-lg-inline-block{display:inline-block!important}
}
@media (max-width:767px){.hidden-xs{display:none!important}
}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}
}
@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}
}
@media (min-width:1120px){.hidden-lg{display:none!important}
}
.visible-print{display:none!important}
@media print{.visible-print{display:block!important}
table.visible-print{display:table}
tr.visible-print{display:table-row!important}
td.visible-print,th.visible-print{display:table-cell!important}
}
.visible-print-block{display:none!important}
@media print{.visible-print-block{display:block!important}
}
.visible-print-inline{display:none!important}
@media print{.visible-print-inline{display:inline!important}
}
.visible-print-inline-block{display:none!important}
@media print{.visible-print-inline-block{display:inline-block!important}
}
@media print{.hidden-print{display:none!important}
}
.container.no-padding{padding:0}
@media screen and (max-width:1300px){.container{width:95%}
}
body{font-family:'Helvetica Neue',Helvetica,'Hiragino Sans GB',PingHei,'PingFang SC',STHeitiSC-Light,'Microsoft YaHei','Lantinghei SC',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.w50p{width:50%}
.hidden{display:none!important}
.block{display:block}
.mt-global{margin-top:15px}
.mb-global{margin-bottom:15px}
.static{position:static}
.relative{position:relative}
.absolute{position:absolute}
.no-padding{padding:0}
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}
.dib{display:inline-block}
img.js-lazy{visibility:hidden}
img.js-lazy.loaded{visibility:visible}
.dib-middle{display:inline-block;vertical-align:middle}
.dib-top{display:inline-block;vertical-align:top}
.a-center{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.responsive-img{overflow:hidden;height:0;padding-bottom:61%;position:relative;background-color:#f3f3f3;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.item { transition: all 0.5s ease 0s}
.banner-wrap .item:hover { opacity: 0.9}
.responsive-img .img-cover{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);height:100%;width:auto;min-width:100%}
.responsive-img.hover.img-cover{-webkit-transition:all .2s;transition:all .2s}
.responsive-img.hover.img-cover:hover{-webkit-filter:brightness(102%) contrast(115%);filter:brightness(102%) contrast(115%)}
.responsive-img.show-loading::before{width:40px;height:40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%;opacity:.6}
.svg .responsive-img.show-loading::before{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
.triangle-down::after{position:absolute;left:50%;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);bottom:0;display:block;content:'';border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}
@media screen and (max-width:1024px){.hidden-ipad{display:none}
}
.player-btn{display:inline-block;width:42px;height:42px;line-height:40px;color:#fff;-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid #45bcf9;border-radius:3px;background-color: #45bcf9;text-align:center;font-size:1.2rem}
.item:hover .player-btn { border:1px solid #ec432c !important;border-radius:3px;background-color: #ec432c !important}
.player-btn .icon-player{font-size:1.4rem}
.icon-video{display:inline-block;width:45px;height:45px;background-image:url(https://ocpk3ohd2.qnssl.com/assets/icon-video-96f3d3f22697c9151bcec9166ac2878d.png);background-size:auto 100%;background-repeat:no-repeat}
.icon-video.icon-youku{background-position:0}
.icon-video.icon-qqvideo{background-position:-45px 0}
.icon-video.icon-sohu{background-position:-90px 0}
.icon-video.icon-tudou{background-position:-135px 0}
.icon-video.icon-iqiyi{background-position:-180px 0}
.icon-video.icon-meipai{background-position:-225px 0}
@media screen and (min-width:767px){.show-xs{display:none}
}
@-webkit-keyframes like{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@keyframes like{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@-webkit-keyframes gradient{0%{background-position:0 36%}
50%{background-position:100% 65%}
100%{background-position:0 36%}
}
@keyframes gradient{0%{background-position:0 36%}
50%{background-position:100% 65%}
100%{background-position:0 36%}
}
@font-face{font-family:iconfont;src:url(//at.alicdn.com/t/font_1461305987_884687.eot);src:url(//at.alicdn.com/t/font_1461305987_884687.eot?#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1461305987_884687.woff) format("woff"),url(//at.alicdn.com/t/font_1461305987_884687.ttf) format("truetype"),url(//at.alicdn.com/t/font_1461305987_884687.svg#iconfont) format("svg")}
.iconfont{font-family:iconfont;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
.iconfont.icon-close::before{content:'\e600'}
.iconfont.icon-search::before{content:'\e603'}
.iconfont.icon-arrow-up::before{content:'\e607'}
.iconfont.icon-twitter::before{content:'\e601'}
.iconfont.icon-weibo::before{content:'\e605'}
.iconfont.icon-wechat::before{content:'\e604'}
.iconfont.icon-rss::before{content:'\e606'}
.iconfont.icon-pinglun::before{content:'\e60b'}
.iconfont.icon-time::before{content:'\e608'}
.iconfont.icon-arrow::before{content:'\e609'}
.iconfont.icon-dot::before{content:'\e60a'}
.iconfont.icon-ok::before{content:'\e611'}
.iconfont.icon-bulb::before{content:'\e613'}
.iconfont.icon-linkedin::before{content:'\e60d'}
.iconfont.icon-like::before{content:'\e60e'}
.iconfont.icon-arrow-left::before{content:'\e602'}
.iconfont.icon-arrow-right::before{content:'\e60c'}
.iconfont.icon-facebook::before{content:'\e610'}
.iconfont.icon-xiangmulan::before{content:'\e614'}
.iconfont.icon-open-book::before{content:'\e607'}
.iconfont.icon-close-book::before{content:'\e612'}
.iconfont.icon-back-top::before{content:'\e618'}
.iconfont.icon-message::before{content:'\e61a'}
.iconfont.icon-youku::before{content:'\e61c'}
.iconfont.icon-qqvideo::before{content:'\e61d'}
.iconfont.icon-sohu::before{content:'\e61e'}
.iconfont.icon-iqiyi::before{content:'\e61b'}
.iconfont.icon-player::before{content:'\e621'}
body{overflow-x:hidden;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
body .body-container{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}
body.modal-open{overflow:hidden;padding-right:15px}
a{color:#1da8f2}
a:active,a:focus,a:hover{outline:0;text-decoration:none}
.header{background-color:#1b1b1b;height:55px;position:relative;z-index:200}
.header .logo{position:absolute;top:0;left:0}
.header .logo .logo-img{margin:10px 0;height:35px}
.header .header-right{position:absolute;top:0;right:0;color:#fff;line-height:55px}
.header .message{position:relative;display:inline-block;margin-right:12px;cursor:pointer;color:#fff}
.header .message .subpanel.active{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease;transition:all .3s ease}
.header .message .icon-message{position:relative;top:-1px;font-size:1.8rem;margin:0 12px}
.header .message .count{font-size:1.5rem}
.header .message .msg-content{width:390px;padding:0;color:#000;cursor:default}
.header .message .msg-content::after{right:15px}
.header .message.high .icon-message::after{content:'';width:6px;height:6px;position:absolute;top:-3px;right:-3px;background-color:red;border-radius:100%}
.header .msg-header{text-align:left;padding:10px 8px;border-bottom:1px solid rgba(0,0,0,.12);box-shadow:1px 1px 5px rgba(0,0,0,.12);line-height:1.5}
.header .msg-header .titx{display:inline-block;font-weight:700}
.header .no-message{margin:10px 0}
.header .btn{display:inline-block;padding:2px 10px;border:1px solid #a1a1a1;letter-spacing:1px;font-size:1.4rem;border-radius:25px;color:#666;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}
.header .btn.read-all{float:right;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}
.header .btn:hover{color:#444;border-color:#444}
.header .msg-menu{position:relative;padding:12px;margin:0;max-height:400px;overflow:auto}
.header .msg-menu::-webkit-scrollbar{width:5px}
.header .msg-menu::-webkit-scrollbar-track{background-color:transparent}
.header .msg-menu::-webkit-scrollbar-thumb{background-color:#efefef;border-radius:5px}
.header .msg-menu li{position:relative;min-height:40px;border-bottom:1px solid #efefef;padding-bottom:8px;margin-bottom:8px}
.header .msg-menu .avatar{width:35px;position:absolute;top:0;left:0}
.header .msg-menu img{width:100%;border-radius:8px;border:1px solid #f0f0f0}
.header .msg-menu div{line-height:1.5;text-align:left;padding-left:50px}
.header .msg-menu div a{color:#7d7d7d}
.header .msg-menu li.new .avatar::after{content:'';width:6px;height:6px;position:absolute;top:-3px;right:-3px;background-color:red;border-radius:100%}
.header .msg-menu li.new a{color:#000}
.header .msg-menu .hidden{display:none}
.header .msg-menu .load-more{line-height:1.7}
.header ul{list-style-type:none;padding:0;margin:0}
.header .msg-content::before{content:'';position:absolute;left:0;bottom:0;width:100%;height:20px;background:-webkit-linear-gradient(rgba(255,255,255,0),#fff);background:linear-gradient(rgba(255,255,255,0),#fff);z-index:10}
.header .account-action{height:100%}
.header .account-action a{-webkit-transition:all .2s;transition:all .2s;display:inline-block;height:100%;color:#fff;font-size:1.4rem}
.header .account-action a:hover{color:#1da8f2}
.header .subpanel{padding:5px 0;opacity:0;visibility:hidden;line-height:35px;background-color:#fff;list-style-type:none;padding-left:0;position:absolute;top:100%;right:0;margin:0;z-index:40;width:120px;box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .3s ease;transition:all .3s ease}
.header .subpanel::after{position:absolute;left:50%;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);bottom:0;display:block;content:'';border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}
.header .subpanel::after{left:auto;right:8px;bottom:auto;top:-7px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.header .username{cursor:pointer;position:relative}
.header .username img{border-radius:100%;width:35px;height:35px}
.header .username .usermenu::after{right:8px}
.header .username .usermenu a{color:#000}
.header .username .usermenu a:hover{color:#1da8f2}
.header .username.expand .subpanel{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all .3s ease;transition:all .3s ease}
.header .search-btn{position:relative;width:32px;height:32px;display:inline-block;vertical-align:middle;text-align:center;line-height:32px;cursor:pointer;padding:0 12px}
.header .search-btn,.header .search-btn:focus,.header .search-btn:hover{color:#fff}
.header .search-btn .icon-search{font-size:2rem}
.header .search-btn .iconfont{position:absolute;right:20%}
.header .search-btn .icon-close::before{position:relative;right:3px;top:1px}
.header .search-icon-anim .iconfont{-webkit-transition:all .2s;transition:all .2s;-webkit-transform:scale(0) rotate(180deg);-ms-transform:scale(0) rotate(180deg);transform:scale(0) rotate(180deg)}
.header .search-btn.is-open .icon-close,.header .search-btn:not(.is-open) .icon-search{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
.nav{position:relative;z-index:2}
.nav .nav-link{display:inline-block;vertical-align:middle;font-size:1.6rem;line-height:30px;font-weight:700;color:#fff;padding:10px 22px 15px;position:relative;-webkit-transition:.2s;transition:.2s;text-decoration:none}
.nav .nav-link::after{-webkit-transition:all .2s;transition:all .2s;position:absolute;content:'';bottom:0;left:0;width:100%;height:4px;background-color:#1da8f2;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.nav .nav-link.active,.nav .nav-link:hover{color:#1da8f2}
.nav .nav-link.active::after,.nav .nav-link:hover::after{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}
@media screen and (max-width:1120px){.nav .nav-link{font-size:1.4rem;padding-left:15px;padding-right:15px}
}
@media screen and (max-width:1080px){.nav .nav-link{position:relative;right:-10%}
}
@media screen and (max-width:900px){.nav .nav-link{position:static}
.nav .nav-link.hidden-able{display:none}
}
.nav .nav-link.gif-link{color:#ffcd02;font-size:1.8rem}
.nav .nav-link.gif-link::after{background-color:#ffcd02}
.page-footer{position:relative;z-index:13}
.trademark{display:block}
.trademark .old-logo{margin-left:5px}
.trademark .detail{top:-100px;left:50%;width:245px;margin-left:-122.5px;text-align:center;opacity:0;padding:10px;border:1px solid #efefef;-webkit-transform:scale(0) translateY(0);-ms-transform:scale(0) translateY(0);transform:scale(0) translateY(0);background-color:#fff;color:#222;box-shadow:0 4px 5px rgba(0,0,0,.3);-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-transition:all .2s;transition:all .2s}
.trademark:hover .detail{opacity:1;-webkit-transform:scale(1) translateY(-10%);-ms-transform:scale(1) translateY(-10%);transform:scale(1) translateY(-10%)}
.col-sm-8{padding-right:0}
.col-sm-4{padding-left:0}
.no-pr{padding-right:0}
.no-pl{padding-left:0}
@media screen and (min-width:992px){.footer-copyright{font-size:14px}
}
.sponsor{border:1px solid #ececec}
.home-index .sponsor{-webkit-transition:all .2s;transition:all .2s;width:100%;background-color:#f3f3f3;height:0;overflow:hidden;position:relative;display:block;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.home-index .sponsor:hover{-webkit-filter:brightness(102%) contrast(115%);filter:brightness(102%) contrast(115%)}
.home-index .sponsor i{width:32px;height:15px;background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/ad-9454939965284a8dce1df393ad5e2c13.png) 0 0 no-repeat;background-size:32px 50px;position:absolute;right:0;top:0;-webkit-transition:all .2s;transition:all .2s;-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;z-index:8}
.home-index .sponsor i::after{vertical-align:top}
.home-index .sponsor i.icon-ad{background-position:0 -25px}
.home-index .sponsor i.icon-close{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);cursor:pointer}
.home-index .sponsor img{position:absolute;top:0;width:100%;height:100%}
.home-index .sponsor:hover i.icon-close{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.home-index .sponsor:hover i.icon-ad{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.home-index .timeline-sponsor .sponsor{padding-bottom:10%;margin-bottom:15px}
.home-index .ads-container .swiper-slide{opacity:0;padding-bottom:10%}
.home-index .sidebar .sponsor{padding-top:84%}
.topics-show .sponsor img{width:100%}
@-webkit-keyframes searching{0%{-webkit-transform:scale(0);transform:scale(0);left:0;right:100%}
50%{left:0;right:0;-webkit-transform:scale(1);transform:scale(1)}
100%{left:100%;right:0;-webkit-transform:scale(0);transform:scale(0)}
}
@keyframes searching{0%{-webkit-transform:scale(0);transform:scale(0);left:0;right:100%}
50%{left:0;right:0;-webkit-transform:scale(1);transform:scale(1)}
100%{left:100%;right:0;-webkit-transform:scale(0);transform:scale(0)}
}
.search-wrapper{position:fixed;right:0;top:0;left:0;bottom:0;z-index:100;width:100vw;height:100vh;background-color:rgba(255,255,255,.99)}
.search-wrapper .wrap{position:absolute;margin-left:auto;margin-right:auto;margin-top:60px;width:80vw;height:70vh;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:800px}
.search-wrapper input{border:0;outline:0;width:100%;line-height:1.5;font-size:3.5rem;color:#2ea5de;background:0 0}
.search-wrapper .input-wrap{position:relative;border-bottom:2px solid #e8e8e8}
.search-wrapper.loading .input-wrap{border-color:#a7e1fd}
.search-wrapper.loading .input-wrap::after{content:'';position:absolute;display:block;bottom:-2px;background-color:#0499e0;width:100%;height:2px;-webkit-animation:searching 1.5s;animation:searching 1.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
.search-wrapper .result-wrap{margin-top:15px;height:100%}
.search-wrapper .result-wrap .info{text-align:right;font-size:1.4rem}
.search-wrapper .result-wrap .results{margin-top:10px;height:calc(100% - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.search-wrapper .result-wrap .results::-webkit-scrollbar{width:5px}
.search-wrapper .result-wrap .results::-webkit-scrollbar-track{background-color:transparent}
.search-wrapper .result-wrap .results::-webkit-scrollbar-thumb{background-color:#efefef;border-radius:5px}
.search-wrapper .result-wrap em{color:#1da8f2;font-style:normal}
.search-wrapper .result-wrap p{color:#5f5f5f}
.search-wrapper .item-title{font-size:1.8rem;color:#444;margin:0}
.search-wrapper .item-title:hover{text-decoration:underline;color:#1da8f2}
.search-wrapper .item-info{color:#aeaeae}
.search-wrapper .result-item:not(.last-child){padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #efefef}
@media screen and (max-width:768px){.search-wrapper .wrap{top:calc(50% + 30px);height:80vh;max-height:calc(100vh - 100px)}
.search-wrapper input{font-size:2.5rem}
.search-wrapper .item-title{display:block;display:-webkit-box;line-height:25px;max-height:50px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
.feedback{position:relative;padding:10px 20px 20px}
.feedback .panel-title{margin:0 0 10px;font-size:1.8rem;font-weight:400;color:#1da8f2}
.feedback .close{position:absolute;right:5px;top:5px;width:30px;line-height:30px;font-size:2rem;cursor:pointer;border:1px solid #fff;-webkit-transition:all .3s;transition:all .3s;text-align:center;color:#1da8f2}
.feedback .close::before{position:relative;top:1px}
.feedback .close:hover{background-color:#f0f0f0;border-color:#e0e0e0}
.feedback .button{position:relative;display:inline-block;padding:7px 30px;color:#fff;background-color:#1da8f2;letter-spacing:5px;padding-right:25px;outline:0;border:0;-webkit-transition:all .3s;transition:all .3s}
.feedback .button:hover{background-color:#0d9ce8}
.feedback .button.disable{background-color:#b4b4b4}
.feedback .button.loading .text{opacity:0}
.feedback .button.loading::after{width:25px;height:25px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%}
.svg .feedback .button.loading::after{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
.feedback input,.feedback textarea{width:100%;margin:10px 0;border-radius:0}
.feedback p{margin:0}
.feedback .icon-ok{font-size:8rem;color:#1da8f2}
.feedback .success-title{margin:-10px 0 20px;font-weight:400}
.feedback .success-desc{max-width:80%;margin:0 auto}
.feedback .button.complete{margin-top:10px}
.backtop{position:fixed;right:5px;bottom:20px;z-index:12;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;-webkit-transition:all .3s;transition:all .3s}
.backtop.show{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
@media screen and (min-width:1420px){.backtop{left:50%;right:auto;margin-left:635px}
}
.backtop .iconfont{width:35px;height:35px;display:block;text-align:center;line-height:35px;font-size:2.5rem;margin-bottom:10px;color:#fff;-webkit-transition:all .3s;transition:all .3s;background-color:#afafaf;border-radius:50%}
.backtop .iconfont:hover{background-color:#1da8f2}
.backtop .icon-back-top::before{position:relative;top:-3px}
.backtop .icon-feedback{font-size:13px}
html.open-modal{overflow-y:hidden}
html.open-modal body{overflow-y:hidden;padding-right:15px}
.modal{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:100;visibility:hidden;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}
.modal .modal-wrap{padding:15px;background-color:#fff;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}
.modal .modal-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);z-index:1;cursor:pointer}
.modal .modal-close-btn{position:absolute;top:0;right:0;width:30px;height:30px;background:#fff;cursor:pointer;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%);border-radius:50%;text-align:center;line-height:30px;box-shadow:0 0 5px rgba(0,0,0,.35)}
.modal.open{visibility:visible;opacity:1;-webkit-transition:all .3s ease;transition:all .3s ease}
.sidebar{padding:0;position:static}
.sidebar .sidebar-section{border:1px solid #ececec}
.sidebar .head{margin-bottom:10px}
.sidebar .titx{position:relative;margin:0;color:#ececec;font-size:2.2rem;line-height:50px;font-weight:400;border-bottom:3px solid #1da8f2;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}
.sidebar .titx.active{border-color:#1da8f2;color:#000}
.sidebar .news-tab .head{padding:0 5px}
.sidebar .news-tab .titx{display:inline-block;width:45%;margin:2%;letter-spacing:0;padding:0}
.sidebar .news-tab .titx:not(.active){border-color:#ececec}
.sidebar .shadow-news{padding:0 10px}
.sidebar .shadow-news .titx{color:#777}
.sidebar .shadow-news .news-wrapper{padding:10px 0}
.sidebar .shadow-news ul{padding:0;margin:0}
.sidebar .shadow-news li{list-style:disc}
.sidebar .shadow-news .news-title{color:#555;display:block;padding-left:20px;position:relative}
.sidebar .shadow-news .news-title:not(:last-child){border-bottom:1px solid #ececec;padding-bottom:10px;margin-bottom:10px}
.sidebar .shadow-news .iconfont{position:absolute;left:0}
.sidebar .titx.category-title{display:inline-block;width:47.5%;letter-spacing:0;line-height:1;padding:10px 0;-webkit-transition:all .2s;transition:all .2s}
.sidebar .titx.category-title .text{display:block;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transition:-webkit-transform .2s;transition:transform .2s}
.sidebar .titx.category-title.active .text{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sidebar .titx.category-title:last-child{margin-left:5%}
.sidebar .news-title{font-size:1.4rem;font-weight:400;color:#949494;-webkit-transition:all .2s;transition:all .2s}
.sidebar .news-title span{display:block;display:-webkit-box;line-height:20px;max-height:60px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.sidebar .news-title:hover{color:#000}
.sidebar .hot-news{padding:0 10px}
.sidebar .hot-news .titx{color:#777}
.sidebar .hot-news .news-wrapper{padding:10px 0}
.sidebar .hot-news .news-item{border-bottom:1px solid #ececec;margin-bottom:10px;padding-bottom:10px}
.sidebar .hot-news .news-item:last-child{border:0;margin-bottom:0;padding-bottom:0}
.sidebar .hot-news .news-cover{width:40%;margin-right:5%}
.sidebar .hot-news .news-title{width:55%}
.sidebar .pin-container.pin{position:fixed;background-color:#fff;bottom:0;z-index:10}
.sidebar .pin-container.pin.pin-bottom{position:absolute;bottom:0;top:auto}
.titxbar{position:relative;margin-bottom:25px; margin-top: 20px; background: none}
.titxbar h4{font-size: 18px;font-weight:400; padding-left: 15px; margin:0;display:inline-block;position:relative;z-index:2; line-height:18px;padding-right:15px; border-left: 5px solid #45bcf9}
.titxbar .more{position:absolute;right:0;top:51%;line-height:28px;color: #999999; z-index:2;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-right:15px}
.titxbar::after{}
.comments .user-avatar{display:inline-block;width:50px;position:absolute;top:0;left:0;z-index:10}
.comments .avatar{display:inline-block;width:50px;height:50px;border-radius:8px;overflow:hidden;border:1px solid #f0f0f0}
.comments .avatar img{width:100%;height:100%;border-radius:0}
.comments .likes{text-align:center;color:#b1b1b1;float:right}
.comments .likes .icon-like{margin-right:5px}
.comments .likes.liked{color:#1abc9c;-webkit-animation:like .5s;animation:like .5s;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}
.comments .likes.disable{cursor:not-allowed}
.comments form{display:inline-block;position:relative;width:100%;padding-left:75px}
.comments .comment-body form{width:100%}
.comments textarea{border:0;background-color:#fff;border:1px solid rgba(0,0,0,.15);box-shadow:inset 2px 2px 10px rgba(0,0,0,.05);padding:10px;width:100%;min-height:100px}
.comments textarea:focus{outline:0}
.comments .reply{padding-left:100px}
.comments .reply .comment-content{background-color:#ebf7ed}
.comments .reply .comment-content::before{border-top-color:#ebf7ed}
.comments .reply .reply-box{margin-bottom:10px}
.comments .publish{margin-bottom:10px}
.comments .publish.reply{padding-left:50px}
.comments .depth-1{padding-left:0}
.comments .depth-1:not(:first-child){padding-top:20px;border-top:1px dashed #dedede}
.comments .depth-2{padding-left:50px}
.comments .depth-3{padding-left:100px}
.comments .comment-body{display:inline-block;width:100%;padding-left:75px}
.comments .comment-body .operate{margin-top:10px;margin-bottom:10px}
.comments .comment-body .operate a:not(.likes){margin-right:15px;font-size:1.3rem}
.comments .comment-body .dot span{color:#1abc9c}
.comments .comment,.comments .publish-box{position:relative}
.comments .comment-detail{margin-bottom:10px}
.comments .comment-detail .dot{margin:0 5px}
.comments .comment-detail .time{color:#c7c8c8}
.comments .comments-list{padding:8px 0}
.comments .comment-content{position:relative;background-color:#ebf8fc;border-radius:2px;padding:15px;width:100%}
.comments .comment-content>p{margin:0}
.comments .comment-content::before{display:block;content:'';position:absolute;top:0;left:0;width:0;height:0;border:10px solid;border-color:#ebf8fc transparent transparent transparent;z-index:5;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.comments .comment-submit{text-align:right;margin-top:20px;padding:6px 20px;border:0;background-color:#1abc9c;color:#fff;display:inline-block;float:right;outline:0;opacity:1;-webkit-transition:background-color .3s;transition:background-color .3s}
.comments .comment-submit:hover{background-color:#17a689}
@media screen and (max-width:767px){.comments .avatar{width:45px;height:45px}
.comments .comment-body,.comments form{padding-left:65px}
.comments .comment-cell{padding-left:0}
.comments .publish.reply{padding-left:0}
}
.reply-content-box-enter{opacity:0;-webkit-transition:all .3s;transition:all .3s}
.reply-content-box-enter.reply-content-box-enter-active{opacity:1}
.reply-content-box-leave{opacity:1}
.reply-content-box-leave.reply-content-box-leave-active{opacity:0;-webkit-transition:all .3s;transition:all .3s}
body.collections .article-list,body.home-index .article-list,body.search .article-list,body.tags .article-list{padding:15px 0;position:relative}
body.collections .article-list .loading,body.home-index .article-list .loading,body.search .article-list .loading,body.tags .article-list .loading{position:absolute;top:0;left:0;width:100%;height:100%}
body.collections .article-list .loading .loading-bg,body.home-index .article-list .loading .loading-bg,body.search .article-list .loading .loading-bg,body.tags .article-list .loading .loading-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1;opacity:.5}
body.collections .article-list .loading .loading-icon,body.home-index .article-list .loading .loading-icon,body.search .article-list .loading .loading-icon,body.tags .article-list .loading .loading-icon{width:40px;height:40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%;width:60px;height:60px;position:absolute;top:100px;z-index:2}
.svg body.collections .article-list .loading .loading-icon,.svg body.home-index .article-list .loading .loading-icon,.svg body.search .article-list .loading .loading-icon,.svg body.tags .article-list .loading .loading-icon{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
body.collections .article-list .article-item,body.home-index .article-list .article-item,body.search .article-list .article-item,body.tags .article-list .article-item{border-bottom:1px solid #ececec;padding-bottom:15px;margin-bottom:15px;-webkit-transition:all .2s;transition:all .2s}
body.collections .article-list .article-item-box,body.home-index .article-list .article-item-box,body.search .article-list .article-item-box,body.tags .article-list .article-item-box{display:none}
body.collections .article-list .load-more,body.home-index .article-list .load-more,body.search .article-list .load-more,body.tags .article-list .load-more{position:relative}
body.collections .article-list .load-more .loading-article,body.home-index .article-list .load-more .loading-article,body.search .article-list .load-more .loading-article,body.tags .article-list .load-more .loading-article{width:40px;height:40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%;width:30px;height:30px;opacity:0}
.svg body.collections .article-list .load-more .loading-article,.svg body.home-index .article-list .load-more .loading-article,.svg body.search .article-list .load-more .loading-article,.svg body.tags .article-list .load-more .loading-article{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
body.collections .article-list .load-more.loading-in .loading-article,body.home-index .article-list .load-more.loading-in .loading-article,body.search .article-list .load-more.loading-in .loading-article,body.tags .article-list .load-more.loading-in .loading-article{opacity:1}
body.collections .article-list .load-more.loading-in span,body.home-index .article-list .load-more.loading-in span,body.search .article-list .load-more.loading-in span,body.tags .article-list .load-more.loading-in span{opacity:0}
body.collections .article-list .article-item-box.active,body.home-index .article-list .article-item-box.active,body.search .article-list .article-item-box.active,body.tags .article-list .article-item-box.active{display:block}
body.collections .article-list .article-item-box.active .no-more,body.home-index .article-list .article-item-box.active .no-more,body.search .article-list .article-item-box.active .no-more,body.tags .article-list .article-item-box.active .no-more{display:none;padding:10px 0}
body.collections .article-list .article-item-box.finish .load-more,body.home-index .article-list .article-item-box.finish .load-more,body.search .article-list .article-item-box.finish .load-more,body.tags .article-list .article-item-box.finish .load-more{display:none}
body.collections .article-list .article-item-box.finish .no-more,body.home-index .article-list .article-item-box.finish .no-more,body.search .article-list .article-item-box.finish .no-more,body.tags .article-list .article-item-box.finish .no-more{display:inline-block}
body.collections .article-list .img-cover-wrap,body.home-index .article-list .img-cover-wrap,body.search .article-list .img-cover-wrap,body.tags .article-list .img-cover-wrap{width:30%;margin-right:2%;border:1px solid #efefef}
body.collections .article-list .article-info,body.home-index .article-list .article-info,body.search .article-list .article-info,body.tags .article-list .article-info{width:68%}
body.collections .article-list .article-info-wrapper,body.home-index .article-list .article-info-wrapper,body.search .article-list .article-info-wrapper,body.tags .article-list .article-info-wrapper{height:0;padding-bottom:26.9117647059%;position:relative}
body.collections .article-list .article-title,body.home-index .article-list .article-title,body.search .article-list .article-title,body.tags .article-list .article-title{display:block;display:-webkit-box;line-height:30px;max-height:60px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:2rem;color:#000;margin:0 0 5px}
@media screen and (max-width:1250px){body.collections .article-list .article-title,body.home-index .article-list .article-title,body.search .article-list .article-title,body.tags .article-list .article-title{display:block;display:-webkit-box;line-height:25px;max-height:50px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.8rem}
}
@media screen and (min-width:992px) and (max-width:1150px){body.collections .article-list .article-title,body.home-index .article-list .article-title,body.search .article-list .article-title,body.tags .article-list .article-title{display:block;display:-webkit-box;line-height:20px;max-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
}
@media screen and (max-width:860px){body.collections .article-list .article-title,body.home-index .article-list .article-title,body.search .article-list .article-title,body.tags .article-list .article-title{display:block;display:-webkit-box;line-height:20px;max-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
}
body.collections .article-list .article-description,body.home-index .article-list .article-description,body.search .article-list .article-description,body.tags .article-list .article-description{display:block;display:-webkit-box;line-height:20px;max-height:40px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;color:#949494}
body.collections .article-list .article-source,body.home-index .article-list .article-source,body.search .article-list .article-source,body.tags .article-list .article-source{font-size:1.3rem;position:absolute;bottom:0;left:0;width:100%}
body.collections .article-list .article-author,body.home-index .article-list .article-author,body.search .article-list .article-author,body.tags .article-list .article-author{color:#000;padding:0 5px}
body.collections .article-list .article-author:first-child,body.home-index .article-list .article-author:first-child,body.search .article-list .article-author:first-child,body.tags .article-list .article-author:first-child{padding-left:0}
body.collections .article-list .article-publish,body.home-index .article-list .article-publish,body.search .article-list .article-publish,body.tags .article-list .article-publish{margin-left:15px;color:#a0a0a0}
body.collections .article-list .sprite-time,body.home-index .article-list .sprite-time,body.search .article-list .sprite-time,body.tags .article-list .sprite-time{opacity:.6}
body.collections .article-list .article-time,body.home-index .article-list .article-time,body.search .article-list .article-time,body.tags .article-list .article-time{margin-left:3px;color:#a0a0a0;cursor:default}
body.collections .article-list .loading,body.home-index .article-list .loading,body.search .article-list .loading,body.tags .article-list .loading{display:none}
body.collections .article-list.loading-in .loading,body.home-index .article-list.loading-in .loading,body.search .article-list.loading-in .loading,body.tags .article-list.loading-in .loading{display:block}
body.collections .article-list .load-more,body.home-index .article-list .load-more,body.search .article-list .load-more,body.tags .article-list .load-more{display:inline-block;padding:8px 25px;border:1px solid #d5d5d5;letter-spacing:1px;font-size:1.5rem;margin-top:15px;margin-bottom:15px;color:#9e9e9e;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}
body.collections .article-list .load-more:hover,body.home-index .article-list .load-more:hover,body.search .article-list .load-more:hover,body.tags .article-list .load-more:hover{color:#444;border-color:#444}
body.collections .article-list .source-left,body.home-index .article-list .source-left,body.search .article-list .source-left,body.tags .article-list .source-left{float:left;line-height:20px}
body.collections .article-list .source-left .author-divide,body.home-index .article-list .source-left .author-divide,body.search .article-list .source-left .author-divide,body.tags .article-list .source-left .author-divide{color:#949494}
body.collections .article-list .source-left .author-divide:first-child,body.home-index .article-list .source-left .author-divide:first-child,body.search .article-list .source-left .author-divide:first-child,body.tags .article-list .source-left .author-divide:first-child{display:none}
body.collections .article-list .source-right,body.home-index .article-list .source-right,body.search .article-list .source-right,body.tags .article-list .source-right{color:#bbb;-webkit-transition:color .1s;transition:color .1s;position:absolute;right:0;bottom:-5px;width:24px;height:20px}
body.collections .article-list .source-right span,body.home-index .article-list .source-right span,body.search .article-list .source-right span,body.tags .article-list .source-right span{color:#fff;position:absolute;z-index:2;left:50%;top:50%;-webkit-transform:translate(-50%,-60%);-ms-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}
body.collections .article-list .source-right .icon-comment,body.home-index .article-list .source-right .icon-comment,body.search .article-list .source-right .icon-comment,body.tags .article-list .source-right .icon-comment{position:absolute;width:100%;height:100%}
body.collections .article-list .category-tag,body.home-index .article-list .category-tag,body.search .article-list .category-tag,body.tags .article-list .category-tag{display:inline-block;padding:3px 12px;background-color:#dd9300;color:#fff;font-size:1.2rem;font-size:1.3rem;margin-bottom:5px}
body.collections .subtopic-header,body.search .subtopic-header,body.tags .subtopic-header{width:100%;margin-bottom:25px;background-color:#d2d2d2;padding-bottom:16.8%}
body.collections .subtopic-header .titx,body.search .subtopic-header .titx,body.tags .subtopic-header .titx{position:absolute;text-align:center;top:50%;background:0 0;z-index:3;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
body.collections .subtopic-header .keywords,body.search .subtopic-header .keywords,body.tags .subtopic-header .keywords{color:#fff;font-size:2rem;font-size:2vw}
body.collections .subtopic-header p,body.search .subtopic-header p,body.tags .subtopic-header p{margin:20px auto;font-size:1.6rem;font-weight:400;max-width:40vw;line-height:1.5;color:#fff;text-shadow:1px 1px 5px #888}
body.collections .subtopic-header h1,body.search .subtopic-header h1,body.tags .subtopic-header h1{font-size:3rem;font-size:2.5vw;color:#fff;margin:0;text-shadow:1px 1px 5px #888;line-height:36px;vertical-align:middle}
body.collections .columns,body.search .columns,body.tags .columns{min-height:calc(100vh - 100vw * .168 - 412px)}
body.collections .columns .no-result,body.search .columns .no-result,body.tags .columns .no-result{text-align:center;margin:10px}
.header .doodle{padding:0;display:block;width:352px;height:55px;background-size:auto 100%;background-position:center center;background-repeat:no-repeat}
body.home-index .breaking-news{margin-bottom:7px}
body.home-index .breaking-news .breaking-news-content{position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}
body.home-index .breaking-news .breaking-news-content::after,body.home-index .breaking-news .breaking-news-content::before{position:absolute;width:100%;height:4px;content:'';top:0;left:0;background-color:#fff;z-index:2}
body.home-index .breaking-news .breaking-news-content::after{top:auto;bottom:0;height:5px}
body.home-index .breaking-news .responsive-img .link::after{content:'';display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;background-color:transparent;border:2px solid #fff;z-index:2}
body.home-index .breaking-news .responsive-img .img-cover{will-change:transform;-webkit-transform:translate(-50%,-50%) scale3d(1,1,1);transform:translate(-50%,-50%) scale3d(1,1,1);-webkit-transform:translate3d(-50%,-50%,0) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) scale3d(1,1,1);-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}
body.home-index .breaking-news .responsive-img:hover .img-cover{-webkit-transform:translate(-50%,-50%) scale3d(1.05,1.05,1);transform:translate(-50%,-50%) scale3d(1.05,1.05,1);-webkit-transform:translate3d(-50%,-50%,0) scale3d(1.05,1.05,1);transform:translate3d(-50%,-50%,0) scale3d(1.05,1.05,1);-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}
body.home-index .breaking-news .news-item{display:inline-block;float:left;text-decoration:none;color:#fff;font-weight:400}
body.home-index .breaking-news .headline,body.home-index .breaking-news .minor{width:50%;display:inline-block}
body.home-index .breaking-news .headline{border-left:1px solid #f3f3f3}
body.home-index .breaking-news .headline .news-item{width:100%;padding-left:0}
body.home-index .breaking-news .headline .link::after{border-width:0 2px 0 0}
body.home-index .breaking-news .minor .news-item{width:50%}
body.home-index .breaking-news .minor .news-item:nth-child(-n+2) .link::after{border-top:0}
body.home-index .breaking-news .minor .news-item:nth-child(even) .link::after{border-right:1px solid #f3f3f3}
body.home-index .breaking-news .minor .news-item:not(:nth-child(-n+2)) .link::after{border-bottom:0}
body.home-index .breaking-news .info-cover{position:absolute;bottom:0;left:0;padding:5px 5%;width:100%;border:0;outline:0;background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7))}
body.home-index .breaking-news .info-cover a{color:#fff;text-decoration:none}
body.home-index .breaking-news .category{display:inline-block;padding:3px 12px;background-color:#dd9300;color:#fff;font-size:1.2rem;display:none;position:absolute;top:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
body.home-index .breaking-news .titx{display:block;display:-webkit-box;line-height:24px;max-height:48px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;font-size:1.7rem;margin:15px 0 7px;font-weight:700}
body.home-index .breaking-news .time{margin-bottom:5px;font-size:.9rem;color:#c1c1c1}
body.home-index .breaking-news .time .sprite{margin-right:5px;position:relative;top:-1px}
body.home-index .sponsor-banner .sponsor{margin-bottom:15px}
body.home-index .video-list{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ececec}
body.home-index .video-list .video-playing-item .img-cover{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}
body.home-index .video-list .video-playing-item:hover .img-cover{-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease}
body.home-index .video-list .video-playing-item.show-loading::after{width:40px;height:40px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%;z-index:2}
.svg body.home-index .video-list .video-playing-item.show-loading::after{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
body.home-index .video-list .video-playing-item iframe,body.home-index .video-list .video-playing-item object{position:relative;z-index:3}
body.home-index .video-list .video-list-wrap{background-color:#000;margin-top:5px;padding:0 50px;height:0;overflow:hidden;padding-bottom:14.31%}
body.home-index .video-list .video-list-item{padding:10px 5px}
body.home-index .video-list .video-list-item .responsive-img{-webkit-transition:all .3s ease;transition:all .3s ease}
body.home-index .video-list .video-list-item .responsive-img:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 20px rgba(255,255,255,.43);-webkit-transition:all .3s ease;transition:all .3s ease}
body.home-index .video-list .video-list-item.active .responsive-img{box-shadow:0 0 20px rgba(255,255,255,.43)}
body.home-index .video-list .player-btn{z-index:2;width:56px;height:56px;line-height:54px;position:absolute;left:25px;bottom:25px}
body.home-index .video-list .player-btn .icon-player{font-size:2.5rem;color:#fff}
body.home-index .video-list .video-info{position:absolute;bottom:0;left:0;width:100%;background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7));color:#fff;padding:25px;padding-left:95px}
body.home-index .video-list .video-info .titx{font-size:2.5rem;font-weight:400;margin:0;font-weight:700}
body.home-index .video-list .video-item-info{position:absolute;bottom:0;left:0;width:100%;padding:8px 10px;background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.7));color:#fff}
body.home-index .video-list .video-item-info h4{display:block;display:-webkit-box;line-height:20px;max-height:40px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:400}
body.home-index .video-list .category-tag{position:absolute;top:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
body.home-index .video-list .swiper-button-next,body.home-index .video-list .swiper-button-prev{background-image:url();-webkit-transition:all .3s;transition:all .3s}
body.home-index .video-list .swiper-button-next:hover,body.home-index .video-list .swiper-button-prev:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
body.home-index .video-list .swiper-button-prev{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
body.home-index .video-list .swiper-button-prev:hover{-webkit-transform:rotate(180deg) scale(1.2);-ms-transform:rotate(180deg) scale(1.2);transform:rotate(180deg) scale(1.2)}
body.home-index .video-list .video-playing-item{height:0;padding-bottom:56.25%;overflow:hidden;cursor:pointer}
body.home-index .video-list .video-playing-item:hover .player-btn{background-color:#2196f3;border-color:#2196f3}
body.home-index .video-list .responsive-img{padding-bottom:56.25%;background:0 0;border:1px solid #ececec}
body.home-index .article-list-wrap{padding:0;min-height:100vh}
@media screen and (min-width:992px){body.home-index .article-list-wrap{padding-right:15px}
}
body.home-index .article-list-wrap .article-category{position:relative;width:100%;background-color:#f7f7f7;-webkit-transition:all .5s ease;transition:all .5s ease;border:1px solid #f3f3f3;overflow:hidden}
body.home-index .article-list-wrap .article-category .article-row{position:relative;white-space:nowrap}
body.home-index .article-list-wrap .article-category .category-line{position:absolute;top:0;left:0;height:4px;z-index:5;-webkit-transition:all .5s ease;transition:all .5s ease}
body.home-index .article-list-wrap .article-category .category-item{position:relative;box-sizing:border-box;display:inline-block;vertical-align:middle;line-height:58px;height:58px;padding:0 20px;color:#989898;font-size:1.6rem;-webkit-transition:all .2s;transition:all .2s;width:auto;overflow:hidden}
body.home-index .article-list-wrap .article-category .category-item:hover{background-color:#eaeaea}
body.home-index .article-list-wrap .article-category .category-item.active{color:#000;background-color:#fff}
body.home-index .article-list-wrap .article-category .category-item .hot::before{position:absolute;top:0;right:0;content:'hot';display:inline-block;background-color:#f85959;line-height:1;font-size:1.2rem;color:#fff;padding:1px 2px}
body.home-index .article-list-wrap .swiper-button-prev.js-column-arrow{left:0;border-right:1px solid #f7f7f7}
body.home-index .article-list-wrap .swiper-button-next.js-column-arrow{right:0;border-left:1px solid #f7f7f7}
body.home-index .article-list-wrap .swiper-button-next.js-column-arrow,body.home-index .article-list-wrap .swiper-button-prev.js-column-arrow{background-size:15px;opacity:1;margin-top:0;top:0;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231da8f2'%2F%3E%3C%2Fsvg%3E");-webkit-transition:all .3s;transition:all .3s;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;background-color:#fff}
body.home-index .article-list-wrap .swiper-button-prev.js-column-arrow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%231da8f2'%2F%3E%3C%2Fsvg%3E");-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}
body.home-index .article-list-wrap.hide-next-arrow .swiper-button-next.js-column-arrow,body.home-index .article-list-wrap.hide-prev-arrow .swiper-button-prev.js-column-arrow,body.home-index .article-list-wrap.no-navigator .js-column-arrow{display:none}
body.home-index .article-list-wrap.animing{padding-top:58px}
body.home-index .article-list-wrap.animing .article-category{position:fixed;top:0;left:0;z-index:40;box-shadow:0 0 5px rgba(0,0,0,.3);opacity:.9}
body.home-index .article-list-wrap.animing.sticky .article-category{opacity:1}
body.home-index .main-content{margin-bottom:15px}
body.home-index .go-top{width:45px;height:45px;display:none;text-align:center;position:fixed;right:15px;bottom:15px;color:#ececec;border:1px solid #ececec;background-color:#fff;-webkit-transition:all .3s;transition:all .3s}
body.home-index .go-top .icon-arrow-up{font-size:3.5rem;line-height:45px}
body.home-index .go-top:hover{background-color:#ececec;color:#fff;-webkit-transition:all .3s;transition:all .3s}
@media (min-width:992px) and (max-width:1120px){body.home-index .main-content .sidebar .titx{font-size:1.8rem}
}
body.videos-category a,.videos-index a{display:block}
body.videos-category .responsive-img::before,.videos-index .responsive-img::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 20px rgba(0,0,0,.1);z-index:3;-webkit-transition:all .2s;transition:all .2s}
body.videos-category .video-banner,.videos-index .video-banner{margin-bottom:30px}
body.videos-category .banner-wrap,.videos-index .banner-wrap{position:relative;padding-bottom:40.6666666667%;margin-top:30px}
body.videos-category .banner-wrap .info-box,.videos-index .banner-wrap .info-box{position:absolute;bottom:0;left:0;width:100%;color:#fff;background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.7));background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7));z-index:2;padding:25px 15px 15px 65px; box-sizing: border-box}
body.videos-category .banner-wrap .item,.videos-index .banner-wrap .item{position:absolute;width:33.3333333333%;display:inline-block;vertical-align:top; overflow: hidden}
body.videos-category .banner-wrap .item img,.videos-index .banner-wrap .item img{-webkit-transition:all .2s;transition:all .2s;-webkit-transition-duration:.5s;transition-duration:.5s}
body.videos-category .banner-wrap .item .player-btn,.videos-index .banner-wrap .item .player-btn{position:absolute;left:15px}
body.videos-category .banner-wrap .item:first-child::after,.videos-index .banner-wrap .item:first-child::after{content:'';position:absolute;width:5px;height:100%;background-color:#fff;top:0;right:0;z-index:10;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}
body.videos-category .banner-wrap .item .titx,.videos-index .banner-wrap .item .titx{font-weight:400;font-size:1.8rem}
.videos-index .banner-wrap .item .titx { font-size: 14px}
.videos-index .banner-wrap .item:first-child .titx { font-size: 18px}
body.videos-category .banner-wrap .item:first-child,.videos-index .banner-wrap .item:first-child{width:66.6666666667%;top:0;left:0}
body.videos-category .banner-wrap .item:first-child .info-box,.videos-index .banner-wrap .item:first-child .info-box{min-height:55px}
body.videos-category .banner-wrap .item:nth-child(2),.videos-index .banner-wrap .item:nth-child(2){top:0;right:0}
body.videos-category .banner-wrap .item:nth-child(2)::after,.videos-index .banner-wrap .item:nth-child(2)::after{content:'';position:absolute;width:100%;height:5px;background-color:#fff;bottom:0;left:0;z-index:2;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}
body.videos-category .banner-wrap .item:nth-child(3),.videos-index .banner-wrap .item:nth-child(3){bottom:0;right:0}
body.videos-category .item:hover .player-btn,.videos-index .item:hover .player-btn { background-color: #45bcf9; border-color: #45bcf9}
body.videos-category .video-list,.videos-index .video-list{margin-bottom:25px}
body.videos-category .video-column,.videos-index .video-column{margin-top:25px}
body.videos-category .video-column .load-more,.videos-index .video-column .load-more{display:inline-block;margin-top:25px;margin-bottom:25px;position:relative;border:1px solid #d5d5d5;padding:8px 25px;color:#9e9e9e;-webkit-transition:all .2s;transition:all .2s}
body.videos-category .video-column .load-more .loading-icon,.videos-index .video-column .load-more .loading-icon{display:none;width:30px;height:30px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%}
.svg body.videos-category .video-column .load-more .loading-icon,.svg .videos-index .video-column .load-more .loading-icon{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
body.videos-category .video-column .load-more span,.videos-index .video-column .load-more span{font-size:1.5rem}
body.videos-category .video-column .load-more .no-more-text,.videos-index .video-column .load-more .no-more-text{display:none}
body.videos-category .video-column .load-more:hover,.videos-index .video-column .load-more:hover{color:#000;border-color:#000}
body.videos-category .video-column .load-more.loading span,.videos-index .video-column .load-more.loading span{visibility:hidden}
body.videos-category .video-column .load-more.loading .loading-icon,.videos-index .video-column .load-more.loading .loading-icon{display:block}
body.videos-category .video-column .load-more.no-more span,.videos-index .video-column .load-more.no-more span{display:none}
body.videos-category .video-column .load-more.no-more .no-more-text,.videos-index .video-column .load-more.no-more .no-more-text{display:block}
body.videos-category .subscribe,.videos-index .subscribe{background-color: #FAFAFA;padding:20px 0;font-size:2rem;color:#666}
body.videos-category .subscribe .info,.videos-index .subscribe .info{margin-right:20px}
body.videos-category .subscribe .icon-video,.videos-index .subscribe .icon-video{display:block;margin:0 auto}
body.videos-category .subscribe a,.videos-index .subscribe a{display:inline-block;margin-right:10px;padding-right:10px;text-align:center;color:#666;-webkit-transition:all .2s;transition:all .2s}
body.videos-category .subscribe a:hover,.videos-index .subscribe a:hover{color:#000}
body.videos-category .subscribe a:last-child,.videos-index .subscribe a:last-child{border-right-style:none}
body.videos-category .subscribe .subscribe-wrapper,.videos-index .subscribe .subscribe-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
body.videos-category .subscribe .qrcode,.videos-index .subscribe .qrcode{text-align:center}
body.videos-category .subscribe .qrcode img,.videos-index .subscribe .qrcode img{width:80px;height:80px}
body.videos-category .subscribe .choice,.videos-index .subscribe .choice{margin-right:20px}
body.videos-category .subscribe .titx,.videos-index .subscribe .titx{font-size:1.4rem}
body.videos-category .video-item,.videos-index .video-item{float:none;display:inline-block;vertical-align:top;padding-right:8px;padding-left:8px;margin-bottom:20px; box-sizing: border-box}
body.videos-category .video-item .video-title,.videos-index .video-item .video-title{font-size: 16px;line-height:1.5;margin-top:12px;color:#3e3e3e}
body.videos-category .video-item .video-author,body.videos-category .video-item .video-date,.videos-index .video-item .video-author,.videos-index .video-item .video-date{color:#9b9b9b}
body.videos-category .video-item .icon-time,.videos-index .video-item .icon-time{margin-right:3px}
body.videos-category .video-item .video-author,.videos-index .video-item .video-author{margin-right:15px}
body.videos-category .video-item .player-btn,.videos-index .video-item .player-btn{position:absolute;left:15px;bottom:20px;z-index:6; display: none}
body.videos-category .video-item .responsive-img::after,.videos-index .video-item .responsive-img::after{content:'';background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 75%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.2) 75%);width:100%;height:100%;position:absolute;-webkit-transform:translateY(40%);-ms-transform:translateY(40%);transform:translateY(40%);bottom:0;opacity:0;z-index:5;-webkit-transition:all .2s;transition:all .2s}
body.videos-category .video-item:hover .responsive-img::after,.videos-index .video-item:hover .responsive-img::after{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
body.videos-category .video-item:hover .player-btn,.videos-index .video-item:hover .player-btn{background-color:#2196f3;border-color:#2196f3}
body.videos-category .video-list .row,.videos-index .video-list .row{margin-left:-8px;margin-right:-8px}
body.videos-category .categories-nav,.videos-index .categories-nav{line-height:3;text-align:center;background-color:#f1f1f1}
body.videos-category .categories-nav a,.videos-index .categories-nav a{display:inline-block;font-size:1.8rem;color:#8b8b8b;-webkit-transition:color .3s;transition:color .3s;padding:0 20px}
body.videos-category .categories-nav a.active,body.videos-category .categories-nav a:hover,.videos-index .categories-nav a.active,.videos-index .categories-nav a:hover{color:#000}
body.videos-category .subtopic-header{width:100%;margin-bottom:25px;background-color:#d2d2d2;padding-bottom:16.8%}
body.videos-category .subtopic-header .titx{position:absolute;text-align:center;top:50%;background:0 0;z-index:3;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
body.videos-category .subtopic-header .keywords{color:#fff;font-size:2rem;font-size:2vw}
body.videos-category .subtopic-header p{margin:20px auto;font-size:1.6rem;font-weight:400;max-width:40vw;line-height:1.5;color:#fff;text-shadow:1px 1px 5px #888}
body.videos-category .subtopic-header h1{font-size:3rem;font-size:2.5vw;color:#fff;margin:0;text-shadow:1px 1px 5px #888;line-height:36px;vertical-align:middle}
body.videos-show .video-content{margin-top:20px;padding-right:320px;position:relative;min-height:1120px}
body.videos-show .video-content .video-wrap .video-player-area{width:100%;height:0;position:relative;padding-bottom:56.25%;background-size:100% 100%}
body.videos-show .video-content .video-wrap .video-player-area embed{position:absolute;z-index:2}
body.videos-show .video-content .sub-recommend{width:280px;position:absolute;top:0;right:0}
body.videos-show .video-content .recommend{padding:0 10px}
body.videos-show .video-content .recommend-cover{position:relative;display:block}
body.videos-show .video-content .recommend-cover .player-btn{position:absolute;bottom:10px;left:10px}
body.videos-show .video-content .recommend-wrapper{padding-top:10px}
body.videos-show .video-content .video-info{margin-bottom:10px;color:#9b9b9b}
body.videos-show .video-content .video-info .author-avatar{margin-right:3px}
body.videos-show .video-content .video-info .author-name{margin-right:10px}
body.videos-show .video-content .video-info img{width:32px;height:32px;border-radius:50%}
body.videos-show .video-content .video-item{display:block;border-bottom:1px solid #ececec;margin-bottom:10px;padding-bottom:10px}
body.videos-show .video-content .video-item:last-child{margin-bottom:0;border-style:none}
body.videos-show .video-content .video-item span{margin-top:4px;line-height:1.5;color:#666}
body.videos-show .video-content .video-item:hover .player-btn { background-color: #45bcf9; border-color: #45bcf9}
body.videos-show .video-content .video-title{position:relative;padding-right:172px;margin-bottom:10px}
body.videos-show .share-wrapper{position:absolute;z-index:99;font-weight:400;top:0;right:0}
body.videos-show .share-wrapper .share-list{display:inline-block;width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;margin-left:5px}
body.videos-show .share-wrapper .share-btn{color:#fff;display:inline-block}
body.videos-show .share-wrapper .iconfont{font-size:1.8rem;display:inline-block;-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}
body.videos-show .share-wrapper .sina_weibo{background-color:#d52a2a}
body.videos-show .share-wrapper .twitter{background-color:#0077b5}
body.videos-show .share-wrapper .linkedin{background-color:#2daae2}
body.videos-show .share-wrapper .weixin{position:relative;background-color:#8dc61f}
body.videos-show .share-wrapper .weixin .wx-qrcode{position:absolute;z-index:2;bottom:100%;left:50%;width:120px;height:120px;opacity:0;visibility:hidden;-webkit-transform:translateX(-50%) scale(0);-ms-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;box-shadow:0 0 5px rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s;margin-bottom:10px}
body.videos-show .share-wrapper .weixin:hover .wx-qrcode{visibility:visible;opacity:1;-webkit-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}
@media screen and (max-width:750px){body.videos-show .share-wrapper{position:static;display:inline-block}
body.videos-show .share-wrapper .weixin{display:none}
body.videos-show .share-wrapper .iconfont{-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}
}
body.videos-show .show-pucker .show-more{display:block}
body.videos-show .text-content{font-size:1.8rem;line-height:1.6;overflow:hidden;color:#878787}
body.videos-show .pucker .text-content{max-height:88px}
body.videos-show .show-more{position:relative;display:none;border:1px solid #878787;color:#7a7a7a;padding:5px 0;font-size:1.8rem;text-align:center;margin-top:10px}
body.videos-show .show-more .pucker-text{display:none}
body.videos-show .show-more .unpucker-text{display:block}
body.videos-show .pucker .show-more::before{content:'';display:block;height:30px;position:absolute;top:-1px;width:100%;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);background:-webkit-linear-gradient(bottom,#fff,rgba(255,255,255,0));background:linear-gradient(to top,#fff,rgba(255,255,255,0))}
body.videos-show .pucker .show-more .pucker-text{display:block}
body.videos-show .pucker .show-more .unpucker-text{display:none}
body.topics-show .main-content{margin-top:18px}
body.topics-show .main-content .topic-cover{position:relative;margin-bottom:40px}
body.topics-show .main-content .topic-cover img{width:100%}
body.topics-show .main-content .topic-cover .abstract{width:100%;margin:0;padding:20px;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.48);color:#fff;line-height:25px;display:none}
body.topics-show .main-content .topic-cover .abs-title{font-size:16px;margin-right:5px}
body.topics-show .main-content .article-content{word-wrap:break-word;font-size:1.6rem;line-height:1.8;letter-spacing:.5px}
body.topics-show .main-content .article-content h2{position:relative;font-size:2.3rem;color:#333;padding-left:15px;line-height:1.2;border-left:8px solid #13ac67}
body.topics-show .main-content .article-content img{display:block;max-width:100%;margin:0 auto;height:auto}
body.topics-show .main-content .article-content img.js-lazy.blur{width:100%}
body.topics-show .main-content .article-content img.loading{cursor:wait}
body.topics-show .main-content .article-content blockquote{color:#666;border-left:4px solid #ddd;padding-left:1.5rem;margin:0}
body.topics-show .main-content .article-content iframe{width:100%}
body.topics-show .main-content .article-content .gp_media_video{position:relative;width:100%;height:0;padding-top:62%}
body.topics-show .main-content .article-content .gp_media_video embed,body.topics-show .main-content .article-content .gp_media_video iframe{width:100%;height:100%;position:absolute;left:0;top:0}
body.topics-show .main-content .article-content p{margin:30px 0}
body.topics-show .main-content .article-content b,body.topics-show .main-content .article-content strong{color:#444}
body.topics-show .main-content .article-content a{color:#444;text-decoration:none;border-bottom:1px dashed #444}
body.topics-show .main-content .tags{font-size:1.5rem;line-height:40px}
body.topics-show .main-content .tags a{display:inline-block;background-color:#ededed;color:#848484;margin-right:10px;line-height:30px;padding:0 15px;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .main-content .tags a:hover{background-color:#b3b3b4;color:#f5f6f6}
body.topics-show .main-content .operate{text-align:center;margin-bottom:50px;margin-top:35px}
body.topics-show .main-content .operate .share-wrap{display:inline-block;position:relative;width:80px;height:80px;color:#fff;font-size:1.8rem;font-weight:700;border-radius:50%;cursor:pointer}
body.topics-show .main-content .operate .share-wrap span{line-height:80px}
body.topics-show .main-content .operate .share-wrap-btn{position:absolute;background-color:#01a6f5;border-radius:50%;top:0;left:0;width:100%;height:100%;z-index:11}
body.topics-show .main-content .operate .share-list{position:absolute;top:50%;left:50%;z-index:10;width:105%;opacity:0;text-align:right;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);-webkit-transition:all .4s;transition:all .4s;padding:10px 0}
body.topics-show .main-content .operate .share-btn{display:inline-block;width:35px;height:35px;text-align:center;line-height:35px;border-radius:50%;color:#fff;opacity:1;-webkit-transition:all .4s;transition:all .4s}
body.topics-show .main-content .operate .share-btn:hover .iconfont{opacity:.8}
body.topics-show .main-content .operate .share-btn .iconfont{font-size:2.2rem;font-weight:400}
body.topics-show .main-content .operate .share-btn .iconfont.icon-twitter{position:relative;top:2px;left:1px}
body.topics-show .main-content .operate .share-btn .iconfont.icon-linkedin{position:relative;left:1px}
body.topics-show .main-content .operate .wx-qrcode{position:absolute;width:120px;height:120px;left:50px;top:50%;margin-top:-60px;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .main-content .operate .share-list.weixin .share-btn:hover .wx-qrcode{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
body.topics-show .main-content .share-wrap:hover .share-list{opacity:1;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}
body.topics-show .main-content .share-wrap:hover .share-list.sina_weibo{-webkit-transform:translateY(-50%) translateX(0) rotate(-20deg);-ms-transform:translateY(-50%) translateX(0) rotate(-20deg);transform:translateY(-50%) translateX(0) rotate(-20deg)}
body.topics-show .main-content .share-wrap:hover .share-list.sina_weibo .share-btn{-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);background-color:#d52a2a}
body.topics-show .main-content .share-wrap:hover .share-list.weixin{-webkit-transform:translateY(-50%) translateX(0) rotate(20deg);-ms-transform:translateY(-50%) translateX(0) rotate(20deg);transform:translateY(-50%) translateX(0) rotate(20deg)}
body.topics-show .main-content .share-wrap:hover .share-list.weixin .share-btn{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);background-color:#8dc61f}
body.topics-show .main-content .share-wrap:hover .share-list.twitter{-webkit-transform:translateY(-50%) translateX(0) rotate(60deg);-ms-transform:translateY(-50%) translateX(0) rotate(60deg);transform:translateY(-50%) translateX(0) rotate(60deg)}
body.topics-show .main-content .share-wrap:hover .share-list.twitter .share-btn{-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);background-color:#2daae2}
body.topics-show .main-content .share-wrap:hover .share-list.linkedin{-webkit-transform:translateY(-50%) translateX(0) rotate(100deg);-ms-transform:translateY(-50%) translateX(0) rotate(100deg);transform:translateY(-50%) translateX(0) rotate(100deg)}
body.topics-show .main-content .share-wrap:hover .share-list.linkedin .share-btn{-webkit-transform:rotate(-100deg);-ms-transform:rotate(-100deg);transform:rotate(-100deg);background-color:#0077b5}
body.topics-show .generate-preview-url{background:#efefef;border:1px solid #ddd;border-radius:5px;display:inline-block;color:#555;padding:2px 5px;line-height:1.5;width:170px;text-align:center}
body.topics-show .generate-preview-url.success-copy{background-color:#7de886;border-color:#4ed259;color:#1e5823;width:550px}
body.topics-show .generate-preview-url.success-generate{width:550px}
body.topics-show .topic-content{margin-top:38px;padding-right:320px;position:relative;text-align:center;-webkit-transition:padding .3s;transition:padding .3s;max-width:1050px}
body.topics-show .icon-close-book{display:none}
body.topics-show .icon-open-book{display:inline-block}
body.topics-show .category-tag{display:inline-block;padding:3px 12px;background-color:#dd9300;color:#fff;font-size:1.2rem;font-size:15px;margin-right:10px;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .category-tag:hover{-webkit-filter:contrast(130%);filter:contrast(130%)}
body.topics-show .aside-content{width:300px;position:absolute;top:80px;right:0;opacity:1;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .main-wrap{max-width:700px;margin:0 auto;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .main-wrap .switch-read{float:right;color:#a1a0a0;-webkit-transition:all .2s;transition:all .2s}
body.topics-show .main-wrap .switch-read .iconfont{font-size:2rem}
body.topics-show .main-wrap .switch-read .icon-xiangmulan{font-size:2rem}
body.topics-show .main-wrap .switch-read:hover{color:#a5a5a5}
body.topics-show .main-wrap .topic-info{line-height:32px}
body.topics-show .main-wrap .top-section .topic-title{font-size:2.5rem;color:#333}
body.topics-show .main-wrap .top-section .author{margin-right:15px}
body.topics-show .main-wrap .top-section .author img{width:32px;height:32px;border-radius:50%;margin-right:14px}
body.topics-show .main-wrap .top-section .release-date{margin-right:15px}
body.topics-show .main-wrap .top-section .dot{margin-right:15px}
body.topics-show .main-wrap .top-section .comment-auther{margin-right:15px;border-radius:5px;font-size:14px;-webkit-transition:all .2s;transition:all .2s}
body.topics-show .main-wrap .top-section .comment-auther a{color:#757575}
body.topics-show .main-wrap .top-section .comment-auther .iconfont{font-size:1.6rem}
body.topics-show .main-wrap .top-section .weibo:hover a{color:#d52a2a}
body.topics-show .main-wrap .top-section .twitter:hover a{color:#2daae2}
body.topics-show .main-wrap .top-section .facebook:hover a{color:#3765a3}
body.topics-show .topic-category-qr{width:100%;margin:15px 0}
body.topics-show .topic-content.is-reading-mode{padding-right:0}
body.topics-show .topic-content.is-reading-mode .aside-content{opacity:0;-webkit-transform:translateX(50%) scale(.9);-ms-transform:translateX(50%) scale(.9);transform:translateX(50%) scale(.9);-webkit-transition:all .5s;transition:all .5s}
body.topics-show .topic-content.is-reading-mode .icon-close-book{display:inline-block}
body.topics-show .topic-content.is-reading-mode .icon-open-book{display:none}
body.topics-show .ios-qrcode{position:fixed;display:inline-block;top:50%;right:5px;z-index:30;padding:10px 6px;border:1px solid #ebebeb;text-align:center;background-color:#fff;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media screen and (min-width:1420px){body.topics-show .ios-qrcode{left:50%;right:auto;margin-left:635px}
}
@media screen and (max-width:1120px){body.topics-show .ios-qrcode{display:none}
}
body.topics-show .ios-qrcode .text{float:left;writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;line-height:22px;letter-spacing:2px;margin-top:5px}
body.topics-show .ios-qrcode .icon-mobile-g{width:22px;height:41.25px;background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/icon-mobile-g-e81730bea90689bb60a430596f575260.png);background-size:100%;background-repeat:no-repeat}
body.topics-show .ios-qrcode .qrcode{width:160px;position:absolute;top:50%;right:calc(100% + 10px);-webkit-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);background-color:#f5f5f5;padding:6px;opacity:0;-webkit-transition:all .3s;transition:all .3s;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;box-shadow:-1px -1px 8px rgba(0,0,0,.1)}
body.topics-show .ios-qrcode .qrcode img{width:100%;display:block;line-height:1}
body.topics-show .ios-qrcode .qrcode::after{content:'';position:absolute;right:0;top:50%;border:8px solid transparent;border-left-color:#f5f5f5;-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}
body.topics-show .ios-qrcode:hover{background-color:#f5f5f5}
body.topics-show .ios-qrcode:hover .qrcode{opacity:1;-webkit-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}
body.topics-show .topic-paging{margin:40px 0}
body.topics-show .topic-paging .paging-list{padding:0}
body.topics-show .topic-paging .paging-link{position:relative;display:block;vertical-align:middle;color:#333;-webkit-transition:all .3s;transition:all .3s}
body.topics-show .topic-paging .paging-link.prev:hover{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
body.topics-show .topic-paging .paging-link.next:hover{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
body.topics-show .topic-paging .iconfont{position:absolute;padding:0;display:inline-block;vertical-align:middle;font-size:2.5rem;top:50%;left:0;-webkit-transform:translate(-120%,-50%);-ms-transform:translate(-120%,-50%);transform:translate(-120%,-50%)}
body.topics-show .topic-paging .next .iconfont{right:0;left:auto;-webkit-transform:translate(120%,-50%);-ms-transform:translate(120%,-50%);transform:translate(120%,-50%)}
body.topics-show .topic-paging .paging-img{width:45%;display:inline-block;vertical-align:middle;border:1px solid #f0f0f0}
body.topics-show .topic-paging .prev .paging-img{margin-right:3%}
body.topics-show .topic-paging .next .paging-img{margin-left:3%}
body.topics-show .topic-paging .paging-desc{padding:0;width:47%;display:inline-block;vertical-align:top}
body.topics-show .topic-paging .paging-desc h4{margin:0;margin-bottom:5px;font-size:1.4rem}
body.topics-show .topic-paging .paging-desc p{display:block;display:-webkit-box;line-height:20px;max-height:60px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:1.4rem;color:#666}
body.home-need_report .need-report-wrapper{position:relative}
body.home-need_report .need-report-wrapper .des{text-align:center;margin-bottom:30px;color:#aaa}
body.home-need_report .need-report-wrapper .banner-bg{background-color:#1da8f2;position:absolute;top:0;left:0;width:100%;height:0;padding-bottom:25%;min-height:170px;max-height:400px}
@media screen and (min-width:767px){body.home-need_report .need-report-wrapper .banner-bg{background:#fff url(https://ocpk3ohd2.qnssl.com/assets/need_report/bg-44e5f3bd28cb8202ee6d7b6f1ad8c6ec.png) center center no-repeat;background-size:cover}
}
body.home-need_report .need-report-wrapper .report-container{position:relative;z-index:2}
body.home-need_report .need-report-wrapper .page-title{display:block;margin:60px 0;color:#fff;letter-spacing:1px;font-size:4rem;text-align:center;font-weight:400}
body.home-need_report .need-report-wrapper .wrapper-bg{background-color:#fff;border:1px solid #f5f5f5;box-shadow:0 1px 5px rgba(0,0,0,.15);padding:20px;border-radius:2px;margin-bottom:50px}
@media screen and (min-width:767px){body.home-need_report .need-report-wrapper .form-wrap{text-align:center}
}
body.home-need_report .need-report-wrapper .form-group{position:relative;margin-bottom:30px}
body.home-need_report .need-report-wrapper .form-group>label{margin-right:15px}
@media screen and (min-width:767px){body.home-need_report .need-report-wrapper .form-group>label{width:150px;text-align:right}
}
body.home-need_report .need-report-wrapper .form-group label{display:inline-block;vertical-align:top;font-weight:400}
body.home-need_report .need-report-wrapper .form-group.isrequired>label::before{content:'*';color:red;font-size:1.6rem;margin-right:3px}
body.home-need_report .need-report-wrapper .form-group .error-text{display:none;color:red;position:absolute;bottom:0;-webkit-transform:translateY(110%);-ms-transform:translateY(110%);transform:translateY(110%)}
@media screen and (min-width:767px){body.home-need_report .need-report-wrapper .form-group .error-text{left:165px}
}
body.home-need_report .need-report-wrapper input[type=text],body.home-need_report .need-report-wrapper textarea{outline:0;border:1px solid #dedede;min-height:30px;padding:2px 5px;-webkit-transition:all .3s;transition:all .3s;border-radius:2px;width:500px}
body.home-need_report .need-report-wrapper input[type=text]:focus,body.home-need_report .need-report-wrapper input[type=text]:hover,body.home-need_report .need-report-wrapper textarea:focus,body.home-need_report .need-report-wrapper textarea:hover{border-color:#aaa}
@media screen and (max-width:767px){body.home-need_report .need-report-wrapper input[type=text],body.home-need_report .need-report-wrapper textarea{width:100%}
}
body.home-need_report .need-report-wrapper textarea{min-height:80px}
@media screen and (min-width:767px){body.home-need_report .need-report-wrapper .inputs-wrapper{margin-left:-53px;display:inline-block;text-align:left}
}
body.home-need_report .need-report-wrapper .form-inputs label{display:inline-block;vertical-align:middle;margin-right:10px}
body.home-need_report .need-report-wrapper .form-inputs label input{margin-right:5px}
@media screen and (max-width:767px){body.home-need_report .need-report-wrapper .form-inputs{display:block}
}
body.home-need_report .need-report-wrapper .button{border:1px solid #0d9ce8;border-bottom-width:2px;background-color:#1da8f2;color:#fff;display:inline-block;padding:7px 50px;font-size:1.6rem;font-weight:700;letter-spacing:5px;border-radius:2px;outline:0;margin:40px 0 60px 0}
body.home-need_report .need-report-wrapper .button:hover{background-color:#4dbbf5}
body.home-need_report .need-report-wrapper .error input,body.home-need_report .need-report-wrapper .error textarea{border-color:red}
body.home-need_report .need-report-wrapper .empty-error .empty-text,body.home-need_report .need-report-wrapper .format-error .format-text,body.home-need_report .need-report-wrapper .unselect-error .unselect-text{display:block}
body.home-need_report .need-report-wrapper .report-success .success{display:inline-block;width:100px;height:100px;background:url(https://ocpk3ohd2.qnssl.com/assets/need_report/success-66f0e33d0dc7fd0ec47a764b22264644.png) center center no-repeat;background-size:100% 100%;margin:40px 0 10px 0}
body.home-need_report .need-report-wrapper .report-success h2{font-size:3.5rem;font-weight:400}
body.home-need_report .need-report-wrapper .report-success .success-text{font-size:1.6rem;margin-bottom:20px}
body.home-need_report .need-report-wrapper .submit-button.loading{position:relative}
body.home-need_report .need-report-wrapper .submit-button.loading::after{width:25px;height:25px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);content:'';background:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-97aad128a8c52a27e8cf09117bb3447c.gif) center center no-repeat;background-size:100% 100%}
.svg body.home-need_report .need-report-wrapper .submit-button.loading::after{background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/loading-e01b4adee8ec596f8bf3ebf0d980dde0.svg)}
body.home-need_report .need-report-wrapper .submit-button.loading span{opacity:0}
body.static-about .about-banner{background:-webkit-linear-gradient(155deg,#00e6c1 0,#1da8f2 100%);background:linear-gradient(-65deg,#00e6c1 0,#1da8f2 100%);background-size:200% 200%;-webkit-animation:gradient 10s ease infinite;animation:gradient 10s ease infinite;color:#fff}
body.static-about .about-banner .container{height:0;padding-bottom:15%;min-height:200px}
body.static-about .about-banner .section-title{font-weight:400;font-size:3.2rem;position:absolute}
@media screen and (min-width:767px){body.static-about .about-banner .section-title{bottom:20px}
}
@media screen and (max-width:767px){body.static-about .about-banner .section-title{left:50%;top:35%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
body.static-about .about-content{margin-top:30px;margin-bottom:30px;font-size:1.6rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
body.static-about .about-content .left-menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
body.static-about .about-content .left-menu a{display:block;text-align:center;margin:5px 0;border:0 solid transparent;-webkit-transition:all .3s;transition:all .3s;color:#888;padding:5px 15px}
body.static-about .about-content .left-menu a.active,body.static-about .about-content .left-menu a:hover{color:#222;background-color:#f5f5f5}
body.static-about .about-content .left-menu a.active{background-color:#efefef;border-color:#1da8f2}
@media screen and (min-width:767px){body.static-about .about-content .left-menu{border-right:1px solid #f5f5f5;width:180px;margin-right:20px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
body.static-about .about-content .left-menu a{border-left-width:3px;width:150px;line-height:35px;padding-right:5px}
}
body.static-about .about-content .page-content{line-height:26px;font-size:1.6rem;letter-spacing:1px;width:800px;max-width:90%;color:#666;margin-left:auto;margin-right:auto}
body.static-about .about-content .page-content h2{font-size:2rem}
body.static-about .about-content .product-menu a{position:relative;margin:10px 5px}
body.static-about .about-content .product-menu a::after{position:absolute;left:50%;-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);bottom:0;display:block;content:'';border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff}
body.static-about .about-content .product-menu a::after{-webkit-transition:all .3s;transition:all .3s}
body.static-about .about-content .product-menu a.active{background-color:#16c4a8}
body.static-about .about-content .product-menu a.active::after{border-top-color:#16c4a8}
body.static-about .about-content .btn{border-radius:2px;display:inline-block;color:#fff;background-color:#1da8f2;padding:4px 25px;font-size:1.6rem;-webkit-transition:all .3s;transition:all .3s}
body.static-about .about-content .btn:first-child{margin-left:0}
body.static-about .about-content .btn:last-child{margin-right:0}
body.static-about .about-content .btn:hover{background-color:#16c4a8}
body.static-about .about-content .btn.inverse{background-color:#fff;border:1px solid #1da8f2;color:#1da8f2}
body.static-about .about-content .btn.inverse:hover{background-color:#1da8f2;color:#fff}
body.static-about .about-content section.product-page a.btn{font-size:1.4rem}
body.static-about .about-content .event-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin:10px 0}
body.static-about .about-content .event-item:not(:last-child){border-bottom:1px solid #f0f0f0;padding-bottom:10px}
body.static-about .about-content .event-item .cover{display:block;width:200px;margin-right:20px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
body.static-about .about-content .event-item .cover img{width:100%}
body.static-about .about-content .event-item .event-title{font-weight:700}
body.static-about .about-content .links li{display:inline-block;list-style-type:none;margin:5px}
@media screen and (max-width:767px){body.static-about .about-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:5px}
body.static-about .about-content .left-menu{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
body.static-about .about-content .left-menu a{border-width:1px 1px 3px 1px;border-radius:2px;background-color:#fff;margin:5px 3px;border-color:#f5f5f5;border-bottom-color:#1da8f2;font-size:1.4rem}
body.static-about .about-content .left-menu a.active{background-color:#1da8f2;color:#fff}
body.static-about .about-content .links{text-align:center;padding-left:0}
body.static-about .about-content .event-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
body.static-about .about-content .event-item .cover{width:100%;margin:5px 0}
}
body.manuscripts-edit .content,body.manuscripts-new .content{max-width:800px;margin-top:38px;margin-bottom:38px}
body.manuscripts-edit .content .input-title,body.manuscripts-new .content .input-title{width:100%;font-size:3rem;line-height:40px;border:0;outline:0;margin-bottom:25px;box-sizing:border-box}
body.manuscripts-edit .content .limit-msg,body.manuscripts-new .content .limit-msg{margin-bottom:20px}
body.manuscripts-edit .content .input-editor,body.manuscripts-new .content .input-editor{visibility:hidden;min-height:343px}
body.manuscripts-edit .content .gp-confirm,body.manuscripts-new .content .gp-confirm{font-size:1.8rem;margin:30px auto;padding:5px 40px;outline:0;border:0;color:#fff;cursor:pointer;display:block;background-color:#01a6f5}
body.manuscripts-edit .content .input-tags,body.manuscripts-new .content .input-tags{font-size:1.6rem;width:100%;padding:0 3px;outline:0;border:0}
body.manuscripts-edit .content .tags_container,body.manuscripts-new .content .tags_container{margin-top:20px}
body.manuscripts-edit .content ul.tags-suggestions,body.manuscripts-new .content ul.tags-suggestions{font-size:1.8rem;list-style-type:none;padding-left:0}
body.manuscripts-edit .content ul.tags-suggestions li,body.manuscripts-new .content ul.tags-suggestions li{display:inline-block;margin-right:15px;cursor:pointer}
body.manuscripts-edit .content ul.tags-suggestions li:hover,body.manuscripts-new .content ul.tags-suggestions li:hover{text-decoration:line-through}
body.manuscripts-edit .content .error,body.manuscripts-new .content .error{font-size:1.6rem;color:red}
body.manuscripts-create .content,body.manuscripts-update .content{max-width:800px;margin-top:38px;margin-bottom:38px}
body.manuscripts-create .content .input-title,body.manuscripts-update .content .input-title{width:100%;font-size:3rem;line-height:40px;border:0;outline:0;margin-bottom:25px;box-sizing:border-box}
body.manuscripts-create .content .limit-msg,body.manuscripts-update .content .limit-msg{margin-bottom:20px}
body.manuscripts-create .content .input-editor,body.manuscripts-update .content .input-editor{visibility:hidden;min-height:343px}
body.manuscripts-create .content .gp-confirm,body.manuscripts-update .content .gp-confirm{font-size:1.8rem;margin:30px auto;padding:5px 40px;outline:0;border:0;color:#fff;cursor:pointer;display:block;background-color:#01a6f5}
body.manuscripts-create .content .input-tags,body.manuscripts-update .content .input-tags{font-size:1.6rem;width:100%;padding:0 3px;outline:0;border:0}
body.manuscripts-create .content .tags_container,body.manuscripts-update .content .tags_container{margin-top:20px}
body.manuscripts-create .content ul.tags-suggestions,body.manuscripts-update .content ul.tags-suggestions{font-size:1.8rem;list-style-type:none;padding-left:0}
body.manuscripts-create .content ul.tags-suggestions li,body.manuscripts-update .content ul.tags-suggestions li{display:inline-block;margin-right:15px;cursor:pointer}
body.manuscripts-create .content ul.tags-suggestions li:hover,body.manuscripts-update .content ul.tags-suggestions li:hover{text-decoration:line-through}
body.manuscripts-create .content .error,body.manuscripts-update .content .error{font-size:1.6rem;color:red}
body.manuscripts-show .main-content{margin-top:18px}
body.manuscripts-show .main-content .topic-cover{position:relative;margin-bottom:40px}
body.manuscripts-show .main-content .topic-cover img{width:100%}
body.manuscripts-show .main-content .topic-cover .abstract{width:100%;margin:0;padding:20px;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.48);color:#fff;line-height:25px;display:none}
body.manuscripts-show .main-content .topic-cover .abs-title{font-size:16px;margin-right:5px}
body.manuscripts-show .main-content .article-content{word-wrap:break-word;font-size:1.6rem;line-height:1.8;letter-spacing:.5px}
body.manuscripts-show .main-content .article-content h2{position:relative;font-size:2.3rem;color:#333;padding-left:15px;line-height:1.2;border-left:8px solid #13ac67}
body.manuscripts-show .main-content .article-content img{display:block;max-width:100%;margin:0 auto;height:auto}
body.manuscripts-show .main-content .article-content img.js-lazy.blur{width:100%}
body.manuscripts-show .main-content .article-content img.loading{cursor:wait}
body.manuscripts-show .main-content .article-content blockquote{color:#666;border-left:4px solid #ddd;padding-left:1.5rem;margin:0}
body.manuscripts-show .main-content .article-content iframe{width:100%}
body.manuscripts-show .main-content .article-content .gp_media_video{position:relative;width:100%;height:0;padding-top:62%}
body.manuscripts-show .main-content .article-content .gp_media_video embed,body.manuscripts-show .main-content .article-content .gp_media_video iframe{width:100%;height:100%;position:absolute;left:0;top:0}
body.manuscripts-show .main-content .article-content p{margin:30px 0}
body.manuscripts-show .main-content .article-content b,body.manuscripts-show .main-content .article-content strong{color:#444}
body.manuscripts-show .main-content .article-content a{color:#444;text-decoration:none;border-bottom:1px dashed #444}
body.manuscripts-show .main-content .tags{font-size:1.5rem;line-height:40px}
body.manuscripts-show .main-content .tags a{display:inline-block;background-color:#ededed;color:#848484;margin-right:10px;line-height:30px;padding:0 15px;-webkit-transition:all .3s;transition:all .3s}
body.manuscripts-show .main-content .tags a:hover{background-color:#b3b3b4;color:#f5f6f6}
body.manuscripts-show .main-content .operate{text-align:center;margin-bottom:50px;margin-top:35px}
body.manuscripts-show .main-content .operate .share-wrap{display:inline-block;position:relative;width:80px;height:80px;color:#fff;font-size:1.8rem;font-weight:700;border-radius:50%;cursor:pointer}
body.manuscripts-show .main-content .operate .share-wrap span{line-height:80px}
body.manuscripts-show .main-content .operate .share-wrap-btn{position:absolute;background-color:#01a6f5;border-radius:50%;top:0;left:0;width:100%;height:100%;z-index:11}
body.manuscripts-show .main-content .operate .share-list{position:absolute;top:50%;left:50%;z-index:10;width:105%;opacity:0;text-align:right;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);-webkit-transition:all .4s;transition:all .4s;padding:10px 0}
body.manuscripts-show .main-content .operate .share-btn{display:inline-block;width:35px;height:35px;text-align:center;line-height:35px;border-radius:50%;color:#fff;opacity:1;-webkit-transition:all .4s;transition:all .4s}
body.manuscripts-show .main-content .operate .share-btn:hover .iconfont{opacity:.8}
body.manuscripts-show .main-content .operate .share-btn .iconfont{font-size:2.2rem;font-weight:400}
body.manuscripts-show .main-content .operate .share-btn .iconfont.icon-twitter{position:relative;top:2px;left:1px}
body.manuscripts-show .main-content .operate .share-btn .iconfont.icon-linkedin{position:relative;left:1px}
body.manuscripts-show .main-content .operate .wx-qrcode{position:absolute;width:120px;height:120px;left:50px;top:50%;margin-top:-60px;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:all .3s;transition:all .3s}
body.manuscripts-show .main-content .operate .share-list.weixin .share-btn:hover .wx-qrcode{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
body.manuscripts-show .main-content .share-wrap:hover .share-list{opacity:1;-webkit-transform-origin:0 50%;-ms-transform-origin:0 50%;transform-origin:0 50%}
body.manuscripts-show .main-content .share-wrap:hover .share-list.sina_weibo{-webkit-transform:translateY(-50%) translateX(0) rotate(-20deg);-ms-transform:translateY(-50%) translateX(0) rotate(-20deg);transform:translateY(-50%) translateX(0) rotate(-20deg)}
body.manuscripts-show .main-content .share-wrap:hover .share-list.sina_weibo .share-btn{-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);background-color:#d52a2a}
body.manuscripts-show .main-content .share-wrap:hover .share-list.weixin{-webkit-transform:translateY(-50%) translateX(0) rotate(20deg);-ms-transform:translateY(-50%) translateX(0) rotate(20deg);transform:translateY(-50%) translateX(0) rotate(20deg)}
body.manuscripts-show .main-content .share-wrap:hover .share-list.weixin .share-btn{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);background-color:#8dc61f}
body.manuscripts-show .main-content .share-wrap:hover .share-list.twitter{-webkit-transform:translateY(-50%) translateX(0) rotate(60deg);-ms-transform:translateY(-50%) translateX(0) rotate(60deg);transform:translateY(-50%) translateX(0) rotate(60deg)}
body.manuscripts-show .main-content .share-wrap:hover .share-list.twitter .share-btn{-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);background-color:#2daae2}
body.manuscripts-show .main-content .share-wrap:hover .share-list.linkedin{-webkit-transform:translateY(-50%) translateX(0) rotate(100deg);-ms-transform:translateY(-50%) translateX(0) rotate(100deg);transform:translateY(-50%) translateX(0) rotate(100deg)}
body.manuscripts-show .main-content .share-wrap:hover .share-list.linkedin .share-btn{-webkit-transform:rotate(-100deg);-ms-transform:rotate(-100deg);transform:rotate(-100deg);background-color:#0077b5}
body.manuscripts-show .generate-preview-url{background:#efefef;border:1px solid #ddd;border-radius:5px;display:inline-block;color:#555;padding:2px 5px;line-height:1.5;width:170px;text-align:center}
body.manuscripts-show .generate-preview-url.success-copy{background-color:#7de886;border-color:#4ed259;color:#1e5823;width:550px}
body.manuscripts-show .generate-preview-url.success-generate{width:550px}
body.manuscripts-show .topic-content{margin-top:38px;padding-right:320px;position:relative;text-align:center;-webkit-transition:padding .3s;transition:padding .3s;max-width:1050px}
body.manuscripts-show .icon-close-book{display:none}
body.manuscripts-show .icon-open-book{display:inline-block}
body.manuscripts-show .category-tag{display:inline-block;padding:3px 12px;background-color:#dd9300;color:#fff;font-size:1.2rem;font-size:15px;margin-right:10px;-webkit-transition:all .3s;transition:all .3s}
body.manuscripts-show .category-tag:hover{-webkit-filter:contrast(130%);filter:contrast(130%)}
body.manuscripts-show .aside-content{width:300px;position:absolute;top:80px;right:0;opacity:1;-webkit-transition:all .3s;transition:all .3s}
body.manuscripts-show .main-wrap{max-width:700px;margin:0 auto;-webkit-transition:all .3s;transition:all .3s}
body.manuscripts-show .main-wrap .switch-read{float:right;color:#a1a0a0;-webkit-transition:all .2s;transition:all .2s}
body.manuscripts-show .main-wrap .switch-read .iconfont{font-size:2rem}
body.manuscripts-show .main-wrap .switch-read .icon-xiangmulan{font-size:2rem}
body.manuscripts-show .main-wrap .switch-read:hover{color:#a5a5a5}
body.manuscripts-show .main-wrap .topic-info{line-height:32px}
body.manuscripts-show .main-wrap .top-section .topic-title{font-size:2.5rem;color:#333}
body.manuscripts-show .main-wrap .top-section .author{margin-right:15px}
body.manuscripts-show .main-wrap .top-section .author img{width:32px;height:32px;border-radius:50%;margin-right:14px}
body.manuscripts-show .main-wrap .top-section .release-date{margin-right:15px}
body.manuscripts-show .main-wrap .top-section .dot{margin-right:15px}
body.manuscripts-show .main-wrap .top-section .comment-auther{margin-right:15px;border-radius:5px;font-size:14px;-webkit-transition:all .2s;transition:all .2s}
body.manuscripts-show .main-wrap .top-section .comment-auther a{color:#757575}
body.manuscripts-show .main-wrap .top-section .comment-auther .iconfont{font-size:1.6rem}
body.manuscripts-show .main-wrap .top-section .weibo:hover a{color:#d52a2a}
body.manuscripts-show .main-wrap .top-section .twitter:hover a{color:#2daae2}
body.manuscripts-show .main-wrap .top-section .facebook:hover a{color:#3765a3}
body.manuscripts-show .topic-category-qr{width:100%;margin:15px 0}
body.manuscripts-show .topic-content.is-reading-mode{padding-right:0}
body.manuscripts-show .topic-content.is-reading-mode .aside-content{opacity:0;-webkit-transform:translateX(50%) scale(.9);-ms-transform:translateX(50%) scale(.9);transform:translateX(50%) scale(.9);-webkit-transition:all .5s;transition:all .5s}
body.manuscripts-show .topic-content.is-reading-mode .icon-close-book{display:inline-block}
body.manuscripts-show .topic-content.is-reading-mode .icon-open-book{display:none}
body.manuscripts-show .ios-qrcode{position:fixed;display:inline-block;top:50%;right:5px;z-index:30;padding:10px 6px;border:1px solid #ebebeb;text-align:center;background-color:#fff;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media screen and (min-width:1420px){body.manuscripts-show .ios-qrcode{left:50%;right:auto;margin-left:635px}
}
@media screen and (max-width:1120px){body.manuscripts-show .ios-qrcode{display:none}
}
body.manuscripts-show .ios-qrcode .text{float:left;writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;line-height:22px;letter-spacing:2px;margin-top:5px}
body.manuscripts-show .ios-qrcode .icon-mobile-g{width:22px;height:41.25px;background-image:url(https://ocpk3ohd2.qnssl.com/assets/v2/icons/icon-mobile-g-e81730bea90689bb60a430596f575260.png);background-size:100%;background-repeat:no-repeat}
body.manuscripts-show .ios-qrcode .qrcode{width:160px;position:absolute;top:50%;right:calc(100% + 10px);-webkit-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);background-color:#f5f5f5;padding:6px;opacity:0;-webkit-transition:all .3s;transition:all .3s;-webkit-transform-origin:right;-ms-transform-origin:right;transform-origin:right;box-shadow:-1px -1px 8px rgba(0,0,0,.1)}
body.manuscripts-show .ios-qrcode .qrcode img{width:100%;display:block;line-height:1}
body.manuscripts-show .ios-qrcode .qrcode::after{content:'';position:absolute;right:0;top:50%;border:8px solid transparent;border-left-color:#f5f5f5;-webkit-transform:translateX(100%) translateY(-50%);-ms-transform:translateX(100%) translateY(-50%);transform:translateX(100%) translateY(-50%)}
body.manuscripts-show .ios-qrcode:hover{background-color:#f5f5f5}
body.manuscripts-show .ios-qrcode:hover .qrcode{opacity:1;-webkit-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}
body.manuscripts-show .manuscript-content{margin-top:38px;-webkit-transition:padding .3s;transition:padding .3s;margin-bottom:38px}
body.manuscripts-show .manuscript-content .dot{margin-left:10px}



.videos-index .video-item .icon-time { display: none !important}
.videos-index .video-item .video-date { margin-top: 5px}
